Foundations
Foundations
Typography
Use headings to establish a clear hierarchy. Paragraphs can contain emphasis,
strong emphasis, inline code, links, and footnotes1.
Lists
- Lorem ipsum dolor sit amet.
- Consectetur adipiscing elit.
- Nested item with a little more context.
- Another nested item.
Table
| Token | Value | Meaning |
|---|---|---|
ink | #142438 | Primary text |
accent | #cc4528 | Action color |
surface | #f8f9fb | Quiet grouping |
Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. A quiet interface gives every sentence room to breathe.
Image
A small example footnote. ↩︎