Color
One gradient, two supporting neutrals.
Brand gradient
#5B3CE0 · purple
#FF7AA8 · pink
#14102B · ink
#FBFAFF · tint
#EFEAFF · chip
Type
Display 700 clipped
Card title, 600
Body 15px / 1.7 in Poppins 400. Friendly, benefit-led, one idea per sentence.
Inline link →
Buttons
PrimaryOutline
Badges & bits
Pill badge▲●
Card, radius 16–18
White on #FBFAFF, shadow 0 18px 40px rgba(30,20,80,0.07).
Grid
1140px container, four breakpoints.
1200px and up
Full 1140px container, three columns across.
992 to 1199
Display type steps down to 50px.
768 to 991
Cards, plans and stories collapse to one column.
Below 768
Nav collapses into the checkbox menu; CTA band buttons stack.
Rules
1140px container, 8pt spacing · every CTA is a pill · one gradient word per headline, never two · blurred blobs sit behind the hero only · social proof within 600px of the fold.