UI DeployDesign languages Themes For agents llms.txt

Theme — 10 components

Warm Editorial

A design language for work that needs to feel calm and expensive: spas, clinics, boutique hotels, architecture studios, wellness and recovery brands. No pure black, no pure white, no cold grey.

Whole language as Markdown tokens.css

Palette

--bg #EDE8DF
--bg2 #F6F3ED
--border #DAD3C6
--accent #A38A6A
--sage #7C8A76
--text #22201D

Light shown. Dark redefines the same tokens — never a second set of names.

Floating Pill Nav

A rounded bar that floats over the content instead of sticking to the top edge.

navigation 12 lines, no dependencies signature

Anchored Hero

A photo hero whose gradient starts where the text sits, so the image keeps its own light.

sections no JS signature

Button Set

Five pill buttons, including the two that survive sitting on a photograph.

primitives no JS

Editorial Card

A soft, wide-cornered surface with an image that sits inside its own padding.

surfaces no JS

FAQ Accordion

Separate 24px cards with a plus that rotates 45 degrees, not a stack of divider lines.

disclosure 16 lines, no dependencies

Pricing Cards

Service packages with a two-state pill switch, where the featured card is marked by weight rather than a loud colour.

sections 14 lines, no dependencies

Booking Form Panel

A booking form beside a live summary panel that stays put while the form scrolls.

forms 18 lines, no dependencies

Schedule Table

A quiet table that becomes a stack of labelled cards on a phone, instead of scrolling sideways.

data no JS

Editorial Footer

An inverted closing block with a large sign-off, link columns and a quiet legal line.

sections no JS

Dialog Modal

A soft-cornered dialog that traps focus, closes on Escape, and gives focus back where it came from.

overlay 22 lines, no dependencies