Demo content for the Relay template. Product name, prices and copy are placeholders. Replace before publishing.

Design system

Styles, components and sections

The agent reads this page first. Every new page must reuse what is shown here.

Color styles

bg #103843
surface #154350
line #2b6070
text #eaf5f6
muted #b7d4d9
accent #ff9a82

Text styles

H1 Space Grotesk 600

clamp 2.6rem to 5rem, line 1.05

H2 Space Grotesk 600

clamp 1.9rem to 2.9rem

Body Space Grotesk 400, 17px, line 1.6. Muted body uses the muted color.

Mono JetBrains Mono 400 for code, labels and numbers

Buttons

PrimaryGhostSmall

Form field

Components

Nav, Hero, Console (code and response), CapabilityRow, UsageTable, PricingTier, Calculator, ChangelogEntry, PostRow, FAQItem, CloseBand, Footer. Each is a Framer component with variants listed in the build spec.