Typography

Display heading one

Section heading two

Card heading three

Lead paragraph for section introductions.

Body text uses Instrument Sans. Verify readability before web fonts load, at 200% zoom, and with long unbroken words such as Donaudampfschifffahrtsgesellschaftskapitän.

badge / mono accent

Buttons

Primary link Primary button Ghost button Small Disabled

Cards

• Feature card

  Icon, title up to 40 characters, text up to 160. Handles a missing icon.

• “Testimonial card with quote, initials avatar, name and role.”

• 42% stat block

Hero variant: split

Alternative composition — copy the markup from the documentation (§Hero variants) and add hero--split to the section.

v2.0 — early access

Know why metrics moved

Split layout: copy left, product right. Same tokens, same components.

Primary Ghost

Forms & disclosure