Flx Reference Fixture: Typography & Theme Presets

Part of the Flx Headless Reference Fixture. This page exercises paragraph, heading, list, and theme-preset rendering.

Paragraph

This is a standard paragraph block. It should render as a plain <p> element carrying no additional styling beyond the theme’s base typography.

Headings

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Lists

Unordered list item one
Unordered list item two
Unordered list item three

Ordered list item one
Ordered list item two
Ordered list item three

Theme Color Presets

Each paragraph below applies one of the active theme’s theme.json color-palette slugs, so this section renders correctly for any block theme without modification.

Text color: contrast / Background: base

Text color: base / Background: contrast

Text color: accent-1

Text color: accent-2

Text color: accent-3

Text color: accent-4

Text color: accent-5

Text color: accent-6

Theme Typography Presets

Each paragraph below applies one of the active theme’s theme.json typography-scale slugs (font size or font family).

Font size: small

Font size: medium

Font size: large

Font size: x-large

Font size: xx-large

Font family: manrope

Font family: fira-code