Typography
Heading levels, text sizes, font families, and body copy driven by your ACSS tokens.
Headings
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
The quick brown fox
Text Sizes
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Font Families
Body Text
This is a standard body paragraph rendered with your default text styles.
A second paragraph shows normal content rhythm, spacing, and readability using your global ACSS typography tokens.
Colors
Palette, contextual text colors, and light/dark scheme previews using ACSS color tokens.
Palette
Contextual Text Colors
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Spacing
Padding rings and gap examples using your ACSS spacing tokens.
Spacing Scale
Contextual Gaps
Links & Buttons
Global link behavior and ACSS button utilities.
Links
Here is a paragraph with a standard inline link embedded in body copy.
Buttons
Dark Surface Preview
Dark background