PLENUM — Go inside the form

# PLENUM — Go inside the form

Create a responsive React + TypeScript + Vite + Tailwind CSS website. Use small components for navigation, hero, interactive stage, content sections and footer. Put media URLs in src/lib/assets.ts and animations in cleaned-up hooks. Do not output a giant HTML file, an iframe, or a screenshot pretending to be the website.

## Design direction
A pale studio page built around one live Spline form: two soft graphite lobes made of stacked translucent fins. The cursor turns and tilts it and drags an iridescent colour sheen across it. Scroll dives the camera inside the form through three captioned layers until the page turns dark, then pulls back out at the footer. Petrona serif headings, Familjen Grotesk body, Red Hat Mono labels.

Palette and type: --paper: #edf2fd; --ink: #12141c; --muted: #5b6176; --accent: #3d5afe; inside: --ink #eef1fb, --accent #9db0ff; --serif: "Petrona", Georgia, serif; --sans: "Familjen Grotesk", system-ui, sans-serif; --mono: "Red Hat Mono", ui-monospace, monospace.
Font stylesheet: https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600&family=Petrona:ital,wght@0,300;0,400;1,300;1,400&family=Red+Hat+Mono:wght@400;500&display=swap

## Layout and copy
"Go inside the form." → dive captions "Surface" / "Structure" / "Core" → "Three disciplines, one way in." (Objects, Spaces, Forms + 40+ / 12 / 2014) → "Forms we've let out." (three work images) → "Step inside."