# CSS Crème > CSS Crème (also written CSS Creme, at csscreme.com) is a curated web-design gallery that decodes what makes great sites work: design breakdowns, color palettes, installable shadcn themes and front-end tools. The heart of the site is the Design Breakdowns: real sites taken apart section by section, explaining the typography, color, layout and interaction decisions so you can reuse them. Around them sit curated galleries, extracted color palettes, and themes you can install directly. Disambiguation: CSS Crème is the gallery at csscreme.com. It is not a CSS framework, a component library, or a dessert brand. Operated by Combo Ventures, LLC. ## Sections - [Gallery](https://csscreme.com/): Curated web design inspiration. - [Design Breakdowns](https://csscreme.com/breakdowns): Real sites decoded decision by decision. - [Color palettes](https://csscreme.com/colors): Extracted, named palettes from great sites. - [Themes](https://csscreme.com/themes): Installable shadcn themes. ## For AI coding agents - [DESIGN.md spec](https://csscreme.com/ai/design-md): what a DESIGN.md holds and why each field is there. - [For AI agents](https://csscreme.com/ai): the hub. The MCP server, the DESIGN.md spec, agent skills, the legibility check, and every machine-readable file below, on one page. - [MCP server](https://csscreme.com/mcp): free and ungated, no key and no account. `claude mcp add --transport http csscreme https://csscreme.com/mcp`. 11 tools: search_themes, list_themes, get_design_md, get_theme_tokens, how_to_use, get_install_command, get_agent_rules, decode_url, get_design_md_for_url, decode_site, verify_design_md. - MCP manifest (registry format): https://csscreme.com/.well-known/mcp/server.json - Full reference for deep ingestion: https://csscreme.com/llms-full.txt (same file also at /llms-full.md) - This site's agent pages as markdown: https://csscreme.com/ai.md and https://csscreme.com/ai/mcp.md - Usage guidance for AI systems: https://csscreme.com/ai.txt - Agent Skills discovery index: https://csscreme.com/.well-known/agent-skills/index.json - Every theme is a DESIGN.md at `https://csscreme.com/d/.md` and an installable shadcn item at `https://csscreme.com/r/.json`. - Beside each DESIGN.md: W3C DTCG tokens at `https://csscreme.com/d/.tokens.json` (Tokens Studio / Figma Variables) and an agent-rules block at `https://csscreme.com/d/.rules.md` (for CLAUDE.md, AGENTS.md or .cursor/rules). - Every DESIGN.md carries a Fingerprint line. Call `verify_design_md` with the id and that fingerprint to learn whether a saved copy is still current before building from it. - `decode_url` reads any public site's CSS into tokens (custom properties, colours, fonts, radii, spacing, framework) with a stated confidence; it does not render. - Partial installs: `https://csscreme.com/r/.colors.json` (colours, shadows, radius only) and `https://csscreme.com/r/.fonts.json` (the two families only). - [Agent skills](https://csscreme.com/ai/skills): the skills in the discovery index, made readable, with install commands. - [We decoded ourselves](https://csscreme.com/ai/ourselves): this site's own tokens, fonts and radii, measured at build time by the decoder it sells. - [AI-Legibility Check](https://csscreme.com/ai/legibility): paste a URL and see the page as a crawler or agent sees it — served words, canonical, structured data, robots/llms/ai.txt, each judged against a control path that cannot exist. Named checks, no score. - [DESIGN.md vs design tokens vs Figma vs shadcn registry](https://csscreme.com/compare/design-md-vs-tokens): what each artefact carries and when to use which. - [Page types](https://csscreme.com/page-types): design patterns grouped by the page you are building. - [Pattern glossary](https://csscreme.com/patterns): 16 UI patterns (hero, pricing table, bento grid, empty state, dark mode…), each with what it is, how it fails, exactly what to measure, and the showcase collections that exhibit it. Flashcards derived from the same entries at /patterns/study. - [Decode](https://csscreme.com/decode): paste any URL and get its design tokens, colours, type, radii and spacing. Also a browser X-ray workspace for element-level inspection, contrast and CSS health. - [Drop Report](https://csscreme.com/drop): what a web-to-markdown reader throws away. For any URL, about how many words a reader carries off against the design decisions it discards, both measured from one fetch. - [Consistency scan](https://csscreme.com/consistency): read a sample of pages from one site and see which tokens, colours, fonts, radii and spacing appear on every page. Counts, never a score. - [Readers vs decoders](https://csscreme.com/compare/decoders): Jina Reader, Firecrawl, Neo Reader and CSS Crème run against the same URL on the same day, every cell carrying the method and date that produced it. - Public API, free and ungated, no key or account: `https://csscreme.com/api/decode-url?url=` for one page; add `&pages=5` to sample a whole site. Same measurements over MCP as `decode_url` and `decode_site`. Machine-readable API catalogue (RFC 9727): `https://csscreme.com/.well-known/api-catalog`. The JSON carries roles with the token each came from, `byProperty` (which colours are backgrounds, text, borders), `sprawl` (declared versus perceptually distinct colours), `nearMisses` (literals within CIE76 2.5 of a declared token), `remainder` (declared tokens no slot holds) and `formats`. Add `&format=` for one artefact from the same read: `md` (DESIGN.md), `tokens` (W3C DTCG with the site's own names by scope), `css` (globals.css), `tailwind`, `registry` (a shadcn registry item, so `npx shadcn@latest add ""` installs any site's palette), `agents` (rules block), `aliases` (every value mapped back to its declared names), `figma` (a script for Figma's use_figma). Add `&expect=%23635BFF` to get the nearest declared value to a brand hex and its distance.