Components

1Component

Editorial Hero

Typographic split hero — mono kicker, oversized serif headline, paired CTAs.

Kicker, display headline, lede, paired actions HTML

2Component

Minimal Nav

Sticky minimal header — wordmark, underline-hover links, details-based mobile menu.

Sticky header with underline hover states HTML

3Component

Specimen Card

Library card — index number, title, clamped lede, swatch strip, .md chip.

Index-card for libraries and galleries HTML

4Component

Pricing Tiers

Three-tier pricing — hairline cards, one primary-highlighted plan, aligned CTAs.

Three plans, one highlighted, honest numbers HTML

5Component

Contact Form

Quiet contact form — mono labels, hairline inputs, primary focus ring.

Labels first, hairline inputs, honest focus states HTML

6Component

Data Table

Dense data table — mono uppercase headers, hairline rows, right-aligned numerics.

Dense, readable, mono headers HTML

7Component

Chat Panel

daisyUI chat bubbles framed as an agent console — the signature agentic-web element.

Agent conversation UI HTML

8Component

Timeline

Vertical timeline — mono date markers on a hairline spine, display-face event titles.

Vertical milestones with mono markers HTML

9Component

FAQ Accordion

Border-collapse FAQ — daisyUI collapse with plus/arrow markers, zero JavaScript.

Zero-JS collapse with plus markers HTML

10Component

Site Footer

Editorial four-column footer — brand blurb, library links, site links, agent resources.

Four-column footer with agent links HTML

11Component

Status Badges & Kickers

Badge row — semantic status pills plus the mono kicker pattern for section numbering.

Semantic states and section markers HTML

12Component

Stats Strip

A horizontal band of large display numbers with mono captions — proof without charts.

Numbers as typography HTML

13Component

Closing CTA

The closing banner — display headline, single action, generous space.

Final conversion moment HTML

14Component

Masonry Gallery

CSS-columns masonry gallery with mono caption overlays.

Image grid with captions HTML