Sample Brands

The repository includes three sample brand definitions that exercise different aspects of the spec. Each is a complete definition with visual tokens, verbal identity, voice guidance, and component anatomy.

Midnight Diner

Late-night ramen. Dark counter. No small talk.

A dark, warm ramen shop identity built around amber light and quiet service. Midnight Diner demonstrates how xtyle handles a brand that communicates through restraint.

Palette

Token	Value	Role
`coal`	`#0D0D0D`	surface
`char`	`#1C1C1C`	border
`steam`	`#E8E4DF`	on-surface text
`amber`	`#F5A623`	primary
`nori`	`#2D4A3E`	—
`chili`	`#C0392B`	accent, error

Voice

Energy: warm, low-key, like the cook who knows your name but doesn’t need to chat
Formality: casual always, never formal
Humor: deadpan — if you get it, you get it
Anti-patterns: food photography language, hospitality buzzwords, exclamation marks, superlatives

Highlights

Jargon with deprecated alternatives (e.g. “the usual” replaces “my regular” and “the same thing”)
A last-call variant that swaps primary to chili and changes the tagline to “still here.”
Components: button (with secondary variant), panel, input
Typography: Barlow Condensed headings, Inter body — condensed industrial energy

Thornfield & Associates

Counsel for the long view.

A navy-and-gold law firm identity built around formality, restraint, and serif typography. Thornfield demonstrates how xtyle handles an identity where every word is deliberate.

Palette

Token	Value	Role
`navy`	`#1B2A4A`	primary
`gold`	`#C4A265`	accent, border
`cream`	`#F5F0E8`	surface
`charcoal`	`#333333`	on-surface text
`parchment`	`#EDE6D6`	—
`slate`	`#6B7B8D`	—

Voice

Energy: measured, unhurried, every word deliberate
Formality: formal by default, professional correspondence not casual notes
Humor: none — wit is acceptable, humor is not
Anti-patterns: startup vocabulary, motivational language, casual contractions, emoji in any context

Highlights

Jargon enforces legal terminology: “matter” not “case”, “counsel” not “feedback”, “brief” not “deck”
Heuristics like “if it can be said in fewer words, it should be”
Components: button (tight radius, serif font), panel (parchment background with gold border), input
Typography: Playfair Display headings, Source Serif 4 body — serif-heavy, authoritative

Idle Grounds

a coffee place. sit down. no rush.

A muted, lowercase coffee lounge identity built around soft corners, warm neutrals, and the complete absence of hustle. Idle Grounds demonstrates how xtyle handles a brand that communicates through understatement.

Palette

Token	Value	Role
`espresso`	`#3E2C23`	on-surface text
`clay`	`#6B5B4E`	primary
`dusty-rose`	`#C4A08A`	accent, border
`cream`	`#F2EDE4`	surface
`amber`	`#D4A96A`	focus
`sage`	`#9CAF88`	—

Voice

Energy: quiet, unhurried, like the barista who makes your drink without asking
Formality: lowercase energy — nothing is capitalized that doesn’t need to be
Humor: if it happens, it’s accidental
Anti-patterns: productivity language, coffee-as-fuel metaphors, community-building rhetoric, enthusiasm

Highlights

No tagline, no jargon — just descriptions and a menu note
Vocabulary bans include “hustle”, “grind”, “fuel your day”, “rise and grind”, “optimize”
Components: button (with ghost variant, large rounded corners), panel, input
Typography: Nunito headings, Lora body — soft and readable, serif body for warmth

Comparing the Three

Each brand exercises different aspects of the spec:

Aspect	Midnight Diner	Thornfield	Idle Grounds
Tone	cozy-irreverent	formal-measured	quiet-minimal
Typography	condensed sans	serif-heavy	soft sans + serif
Border radius	tight (2-8px)	minimal (2-6px)	large (8-20px)
Palette energy	dark/warm amber	cool navy/gold	muted earth tones
Voice vocabulary	8 preferred, 7 avoided, 7 banned	8 preferred, 8 avoided, 8 banned	8 preferred, 7 avoided, 7 banned
Jargon	4 terms with deprecated alternatives	4 formal legal terms	none
Variants	`last-call` context variant	none	none
Components	button, panel, input	button, panel, input	button, panel, input

All three definitions are valid against the spec schema and compile cleanly to CSS, LLM Prompt, and Svelte targets.