Typography
Type scale, heading styles, body text, and inline elements as defined in global.css.
Headings
h1
The quick brown fox
h2
The quick brown fox
h3
The quick brown fox
h4 (Tailwind utility)
The quick brown fox
Body Text
p
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Bibendum amet at molestie mattis. Egestas elit dui scelerisque ut eu purus aliquam vitae habitasse.
p a (highlight link)
This paragraph contains an inline link styled with the highlight colour.
small / muted
Supplementary text at reduced size, used for captions, metadata, and labels.
Horizontal Rule
Lists
ul
- First list item
- Second list item
- Third list item
ol
- First ordered item
- Second ordered item
- Third ordered item
Inline Elements
Bold text via strong
Italic text via em
Inline code via code
Font Stack
Body font applied via global.css
--font-body: Arial, sans-serif
Arial — The quick brown fox jumps over the lazy dog. 0123456789