# UI Deploy

> Complete design languages — tokens, components and the reasoning behind them —
> written to be handed straight to a coding agent. Framework-agnostic HTML and CSS.

## Themes

### Warm Editorial (`warm-editorial`)

Calm, warm, magazine-grade. Cream and warm black, bronze accent, floating pill nav.

- Whole language: https://ui-deploy.com/r/warm-editorial/theme.md
- Tokens: https://ui-deploy.com/r/warm-editorial/tokens.css
- Index: https://ui-deploy.com/r/warm-editorial/theme.json

Components:

- **Floating Pill Nav** (`nav-floating`) — A rounded bar that floats over the content instead of sticking to the top edge. — https://ui-deploy.com/r/warm-editorial/nav-floating/prompt.md
- **Anchored Hero** (`hero-anchored`) — A photo hero whose gradient starts where the text sits, so the image keeps its own light. — https://ui-deploy.com/r/warm-editorial/hero-anchored/prompt.md
- **Button Set** (`button-set`) — Five pill buttons, including the two that survive sitting on a photograph. — https://ui-deploy.com/r/warm-editorial/button-set/prompt.md
- **Editorial Card** (`card`) — A soft, wide-cornered surface with an image that sits inside its own padding. — https://ui-deploy.com/r/warm-editorial/card/prompt.md
- **FAQ Accordion** (`accordion`) — Separate 24px cards with a plus that rotates 45 degrees, not a stack of divider lines. — https://ui-deploy.com/r/warm-editorial/accordion/prompt.md
- **Pricing Cards** (`pricing-cards`) — Service packages with a two-state pill switch, where the featured card is marked by weight rather than a loud colour. — https://ui-deploy.com/r/warm-editorial/pricing-cards/prompt.md
- **Booking Form Panel** (`form-panel`) — A booking form beside a live summary panel that stays put while the form scrolls. — https://ui-deploy.com/r/warm-editorial/form-panel/prompt.md
- **Schedule Table** (`data-table`) — A quiet table that becomes a stack of labelled cards on a phone, instead of scrolling sideways. — https://ui-deploy.com/r/warm-editorial/data-table/prompt.md
- **Editorial Footer** (`footer`) — An inverted closing block with a large sign-off, link columns and a quiet legal line. — https://ui-deploy.com/r/warm-editorial/footer/prompt.md
- **Dialog Modal** (`modal`) — A soft-cornered dialog that traps focus, closes on Escape, and gives focus back where it came from. — https://ui-deploy.com/r/warm-editorial/modal/prompt.md

## Machine index

https://ui-deploy.com/r/index.json