Maintain nav height at 48px — consistent vertical space for the navigation bar
Respect the 8px–80px spacing range — the design uses a wide scale for visual breathing room
Each card uses an icon (not photo) — the visual language is illustrative, not photographic
Don't
Don't use pure white (`#ffffff`) as a page background — the warm tone is part of the brand identity
Don't substitute with generic sans-serif or serif — the custom font carries the brand
Don't invent new shadow values — use only the extracted shadow levels
Don't introduce additional saturated accent colors — the palette is intentionally controlled
Don't collapse or hide the nav on scroll without an explicit scroll-triggered animation — the design uses fixed nav presence
Don't make the nav sticky — this design lets it scroll away to maximize content focus
Don't put a CTA button in the nav — this design uses links only at the top
Don't over-build the footer — this design keeps it minimal (1 cols, 1 links)
10
Agent guide & export
Paste-ready prompt + the real files behind this page
Build a UI in the mistral.ai design system.
Canvas #fbfbf8 · ink #111111 · accent #09090b.
Type: Inter — respect the size/weight ladder in §3.
Radius, spacing, shadow: use only the extracted scales (no magic numbers).
Full spec follows — paste the DESIGN.md below into your agent.