Internal: Style Guide + Components (V2). Duplicate sections from here
TYPE — LadderHeading 1
Heading 2
Heading 3
Heading 4
MONOSPACE (Good for eyebrows and diagrams)This is Paragraph 1, which should be used for text about this long, including this Lorem ipsum stuff dolor sit amet, consectetur adipiscing elit
This is Paragraph 2, which should be used for text about this long, including this Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a viverra erat. Donec sed vestibulum nibh. Aliquam ullamcorper risus metus, vestibulum laoreet dui sodales at. Mauris fringilla sed lectus eget luctus. Ut sodales aliquet orci sed sodales. Suspendisse potenti. Cras eu lacus sagittis, pellentesque nulla eu, rutrum dolor. Mauris porttitor.
This is Paragraph 3, which should be used sparingly. For captions and other annotative text.
Usage Rules
Under constructionH1: one idea, 8–12 words max
H2: section claim, not a sentence dump
Body: max ~3 lines before a break
COLOR — Palette
Usage Rules
Default background: #f7f6f4.
Default text: #2b2c30. Primary highlight (#fdfb52) is limited to one moment per section (headline phrase OR underline OR button, not all three). Use #ffe145 when you need yellow but less intensity (secondary emphasis). Use #fdb352 sparingly for warmth (secondary accent, not primary CTA). Never place long body text on yellow. Yellow is for punctuation, not surfaces.