HTML Design Reference

Prized Lines
Design System

Static HTML reference pages for the new visual direction. Playfair Display headlines, Inter body copy, editorial card animations, gold accents. Plain CSS — no framework.

View Landing Page

Landing Page

Full marketing homepage. Hero with background image, trust strip, spotlight card grid, full-height category panels, how it works sticky layout, concierge section, auctions/pricing split, CTA, footer.

Open Page 02

Registry / Browse

Dark page hero, sticky filter pill bar with search, 4-column listing card grid with hover zoom animation, load-more button, and footer. Demonstrates the core search experience.

Open Page 03

Design System

Sidebar navigation style guide. Color palette, full typography scale, all button variants, badges and tags, form element patterns, and live listing card examples with hover states.

Open Page 04

Waitlist Page

Full-page early-access signup. Split hero with form, species interest checkboxes, animated checkbox state, features strip, species panels, roadmap timeline, and bottom CTA.

Open Page

Foundations

Core Design Tokens

Palette

#0A0A0A — Brand Dark

#FAF9F6 — Brand Light

#C5A059 — Brand Gold

#EBEBEB — Brand Gray

#737373 — Muted

Typography

Display / Headings

Playfair Display

Body / UI

Inter

Italic accent

Champions

Rules

No border lines for content separation — use background shifts

No emojis in UI, empty states, or messages

Border radius ≤ 8px except pill-shaped elements

Formal tone — "Error Encountered", not "Oops!"