Headings
Below are all heading levels driven by the golden-ratio scale. Body copy defaults to 12px (0.75rem).
Heading One — Lorem ipsum dolor
Heading Two — Sit amet consectetur
Heading Three — Adipisicing elit
Heading Four — Fugit laboriosam
Heading Five — Quibusdam reiciendis
Heading Six — Hic veritatis
Paragraphs, Links, Emphasis
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem accusamus soluta iusto molestias, reiciendis ab laudantium.
Aliquam, ipsam? Quae culpa alias, ratione commodi, asperiores repellendus exercitationem architecto porro? Debitis, inventore.
Unordered list
- First item lorem ipsum
- Second item dolor sit amet
- Third item elit architecto
Ordered list
- Planning & discovery
- Design & build
- Launch & iterate
Blockquote
“Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.”
Code
Inline const x = 42 looks like this.
def hello():
print("Hello, world!")Media
Table
| Feature | Details | Status |
|---|---|---|
| Typography | Golden-ratio scale | Enabled |
| Utilities | focus-ring, measure, img helpers | Enabled |
| Plugins | @forms, @typography, @line-clamp, @aspect-ratio | On |