Kitchen Sink — Theme Block Test Page

This private page contains one instance of every P1/P2 block from the Localeaf Nursery theme Element Inventory. Use it to verify styling across the child theme.

1. Typography (P1)

Heading H1 — Special Elite

Heading H2 — Special Elite

Heading H3 — DM Sans SemiBold

Heading H4 — DM Sans SemiBold

Heading H5 — DM Sans SemiBold

HEADING H6 — DM SANS BOLD UPPERCASE

This is a standard paragraph in DM Sans Regular (400). Body text should be clean and readable at the large font size preset. Here is a link styled in terracotta-text to verify link color. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Les plantes indigènes sont essentielles à notre écosystème — testing accented characters via latin-ext subset.

Lists (P2)

Unordered list item one
Unordered list item two
- Nested item alpha
- Nested item beta
Unordered list item three

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

Quote (P2)

Native plants are the foundation of healthy ecosystems. They support pollinators, build soil, and create resilient landscapes.
— Ioana Nereuta MacDonald, Localeaf Gardens

Pullquote (P2)

Every garden is a tiny act of ecological restoration.
Localeaf Gardens

Details / Accordion (P2)

What are native plants?

Native plants are species that have evolved in a particular region over thousands of years. They are adapted to local soil, climate, and wildlife interactions.

Table (P2)

Plant	Light	Moisture	Bloom
Butterfly Milkweed	Full Sun	Dry	June–Aug
Wild Bergamot	Full Sun	Medium	July–Sep
Blue Flag Iris	Part Shade	Wet	May–June

2. Buttons (P1)

Primary Button

Outline Button

3. Media (P1/P2)

Image (P1)

Black swallowtail on butterflyweed (Asclepias tuberosa) — Localeaf Gardens

Gallery (P1)

Cover (P1)

Cover block with dark overlay and white text

Media & Text (P2)

This is the text portion of a Media & Text block. It should stack on mobile and maintain proper spacing at all breakpoints.

4. Layout (P1/P2)

Columns (P1)

Column 1: Two-column layout testing responsive stacking behavior at the 768px breakpoint.

Column 2: Columns should have proper gap spacing and stack cleanly on mobile devices.

Group with Background (P1)

This is a Group block with the accent-5 (#F5F5F5) background. Used for alternating section backgrounds on the homepage.

Row (P2)

Row item 1

Row item 2

Row item 3

Stack (P2)

Stack item 1

Stack item 2

Separator Variants (P2)

Default separator above, wide separator below:

5. Navigation & Widgets (P1/P2)

Search (P2)

Social Icons (P2)

Latest Posts (P2)

The Many Shades of Milkweed | Multae Facies AsclepiadisJuly 23, 2026
Bees, Butterflies, Barons and Beer… if you know you knowJune 17, 2026
The Highs, the Lows, and the Orange Tent: Our Market DebutJune 8, 2026

Page List (P2)

6. Theme Blocks (P1/P2)

Site Title (P1)

Localeaf

Site Tagline (P2)

Categories (P2)

7. Code Block (Fira Code — inherited from TT5)

// Fira Code monospace font test
function greet(name) {
  return `Hello, ${name}! => Welcome to Localeaf.`;
}
// Ligature test: !== === => -> >>= |>

8. Embed Test (P2)

Embed blocks (YouTube, Vimeo) should be responsive, centered, and respect content width.

9. Color Palette Swatches

accent-1
#D3783F
Terracotta

accent-2
#8AA16C
Sage Green

accent-3
#D79F4C
Warm Gold

accent-4
#666666
Gray

accent-5
#F5F5F5
Light Gray

terracotta-text #B8602A — WCAG AA on white

sage-text #6B8450 — WCAG AA on white

Kitchen Sink — Theme Block Test