One page, eighteen moments. The experience moves from quiet micro-motion to cinematic scroll storytelling, and never leaves the same visual system to do it.
Variety in interaction.
Consistency in design.
Every moment can feel different without every section looking like a different website.
Compositions and behaviour change from section to section. Typography, spacing, surfaces and component logic do not. Each card below is the same object with a different payload.
Four responsive states — 1440, 1366, 1024 and 768 — are designed, not derived. Layouts reorganise instead of shrinking.
Display, Heading, Lead, Body and Label are roles with fixed behaviour, not ad-hoc font sizes.
Light, elevated and dark surfaces are introduced only when information structure asks for a new layer — never for variety alone.
Micro-motion supports scanning. Complex animation is reserved for narrative moments where movement carries meaning.
Tabs, accordions, cards and buttons keep the same shape and behaviour throughout, so the page stays learnable.