
SScrollhaus
40 k vues
NULLFORM — Clothes for bodies that don’t exist yet
NULLFORM — Clothes for bodies that don’t exist yet : modèle et template Scrollhaus prêt à construire, optimisé pour les créateurs de sites et interfaces modernes.
# NULLFORM — Clothes for bodies that don’t exist yet
Create a responsive React + TypeScript + Vite + Tailwind CSS hero section. Use small components for navigation, the 3D stage, the headline, the HUD and the intro. 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 one-screen dark hero for a digital fashion house: a live Spline cyber mannequin under a spotlight turns to follow a cyan particle orb that rides the cursor. A crosshair and live gaze readout track the pointer, and the giant split word NULL / FORM decodes into cyan glyphs where the cursor passes. Michroma display, Saira body, Azeret Mono HUD.
Palette and type: --void: #000; --ink: #e8ecf1; --dim: #8a929c; --cyan: #5ef2ff; --display: "Michroma", system-ui, sans-serif; --body: "Saira", system-ui, sans-serif; --mono: "Azeret Mono", ui-monospace, monospace.
Font stylesheet: https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500&family=Michroma&family=Saira:wght@300;400;500&display=swap
## Layout and copy
One 100svh screen: nav (NULLFORM®, Collection 07 · Fit lab · Journal, "Book a scan") → giant split word "NULL" | figure | "FORM" → bottom-left intro ("Clothes for bodies that don't exist yet…", "Enter the fit lab →") → bottom-right tracking HUD. No other sections.Prompt gratuit, accessible avec un compte
197 lignes masquées, visibles dès la connexion.
- Typographies
- Michroma, Saira, Azeret Mono
- Palette
.webp)
.webp)
