Canonical text and rich-text styles for Website Rebuild 2026 v2. Apply these classes to any text or rich-text element to keep formatting consistent across the site.
Display and heading scale. Weight 400, tight tracking.
Chakra Petch mono. Used for kickers, meta, and captions.
Reading text. Sans, line-height 1.75, muted grays.
A larger intro paragraph for opening a section or framing a page before the body copy begins.
The default reading style for paragraphs and general content. It balances legibility on dark backgrounds with a comfortable measure and line height for longer passages of text.
Smaller supporting text for secondary notes, disclaimers, and fine print.
Apply ii-richtext to any Rich Text element (CMS or static). Headings, paragraphs, lists, and links inside inherit the styles below.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
Unordered list
Bold text
Emphasis
Superscript
Subscript
Note: nested styles (All H2 / H3 / Paragraph / List inside ii-richtext) are set once on this element in the Designer — H2 clamp(20px,2.2vw,26px) #e3e2e2, H3 16px/500 #e3e2e2, paragraphs 16px/1.75 #c7c7c7. After that, ii-richtext is reusable site-wide.