Back to demos

Foundations

Typography

One typeface (Inter / system sans), used across a full type scale, weights, and inline styles.

Display & headings

Display

Heading 1

Heading 2

Heading 3

Heading 4

Body text

Lede, a larger intro paragraph that sets up the section below it.

Body, the default paragraph size used for running prose. It stays comfortable to read at 1.5 line height across long passages.

Small / muted, captions, hints, and secondary detail.

Inline styles

Bold, italic, underline, strikethrough, a link, accent text, and inline code.

Font weights

AaREGULAR 400AaMEDIUM 500AaSEMIBOLD 600AaBOLD 700AaEXTRABOLD 800

Lists

  • Unordered item one
  • Unordered item two
  • Unordered item three
  1. Ordered item one
  2. Ordered item two
  3. Ordered item three

Blockquote & code block

Ship outcomes, not loading bars.The brand, on latency
fn greet(name: &str) -> String {
    format!("Hello, {name}")
}