About the catalog — Design Catalog

Design Catalog is a public, read-only reference archive of aesthetic directions for web interfaces. A searchable catalog of aesthetic visual directions for web interfaces, each documented with a live specimen, a copyable agent prompt, and a copyable Markdown specification.

What an entry contains

Every style in the catalog carries four things:

A specimen. An original illustration, rendered in HTML and CSS from the entry's own specification. It is not a photograph and carries no external provenance.
A visible summary. One or two plain sentences describing the direction, written to be readable on its own.
An agent prompt. A self-contained document that gives an agent framing and recommendations for applying the style. It does not assume a particular agent, repository, or prior conversation.
A Markdown specification. The style's rules, the failures that block acceptance, and a verifiable acceptance criterion for each rule.

Why both artifacts exist

The prompt and the specification answer different questions. The prompt explains intent and how to apply a direction; the specification states what must be true for the result to count as that style. Either one can be pasted alone into a fresh conversation and still work. A rule with no verifiable acceptance criterion is decorative prose, so the catalog does not ship one.

How it is maintained

Entries are authored as files and reviewed in version control. There is no content editor and no account system. Corrections are made by changing the source and rebuilding, which keeps the history of every rule and every summary inspectable.

Licensing

Everything the catalog publishes as its subject matter — every entry's agent prompt and specification, the catalog's own summaries and tags, the specimens and the stylesheets that draw them, and the plain-text artifacts served beside each style page — is dedicated to the public domain under CC0 1.0. Copy a prompt, paste it into a conversation with an agent, change it, publish what you make with it. Nothing is asked in return, and nobody needs to be asked first. That is the point: these artifacts exist to be pasted into a fresh conversation, and an attribution requirement could not be honoured in the one place they are most used.

The code that builds and renders this site is licensed separately, under the MIT License. Neither licence reaches the project's name or the third-party dependencies the site is built on, which keep their own terms. The repository carries LICENSE, LICENSE-CONTENT and a LICENSING.md that records which files fall under which; those files are the authority, and this page is only a summary of them.

Styles in this catalog

Minimalist — Reduces an interface to what is functionally necessary, then amplifies what survives: dramatic typography and wide negative space carry the hierarchy on a flat, near-monochrome surface.
Brutalist — Foregrounds raw, unornamented structure — thick borders, square corners, stark colour blocking and unstyled-looking type — and carries that directness into behaviour, refusing decorative smoothing anywhere.
Editorial — Borrows print-publication conventions — a serif and sans pairing, a controlled reading measure, and the furniture of a published article — to produce an interface that reads as authored rather than assembled.
Swiss — Organizes an interface on a strict modular grid with a single neutral sans-serif, expressing hierarchy through scale and position alone so the underlying structure stays visible and the designer stays invisible.
Maximalist — Fills the surface deliberately with layered color, pattern, and typographic extremes, treating abundance rather than restraint as the organizing principle while keeping a decided reading order through the density.
Glassmorphism — Builds surfaces from translucent, blurred panels that let a colored background show through, using light edges and depth ordering to separate layers, with a designed opaque surface for readers who decline the transparency.
Neubrutalism — Turns blunt geometry into a usable creative-platform language: thick dark outlines, hard unblurred shadows, and saturated blocks make every action explicit.
Bento — Arranges content as a tight mosaic of rounded tiles at varying spans, each holding exactly one idea, so a dense overview stays scannable.
Neumorphism — Uses one continuous, mid-tone surface and paired opposing shadows to make a wellness control feel moulded from its background, without outsourcing legibility to relief.
Flat — Uses solid color, plain sans-serif type, and geometric signals to make an educational dashboard legible without simulating elevation or material.
Y2K — Revives the glossy techno-optimism of the turn of the millennium: chrome surfaces, inflated type, specular highlights, and a palette that looks lit from inside.
Technical Blueprint — Presents an interface as an engineering drawing — hairline guides, monospaced micro-labels, coordinate marks, and line diagrams instead of photography.
Handcrafted — A legible visual system with authored hand-drawn marks, route lines, and tactile material cues that make the interface feel made by a person without making it feel accidental.
Dark Mode — A developer tool with a semantic dark surface system, restrained accent color, tonal elevation, and dense but readable telemetry built for long sessions in low light.
Barely-There UI — An AI workspace that lets data lead: quiet chrome, generous whitespace, restrained typography, and low-emphasis boundaries keep a live dashboard calm without hiding its controls.
Retrowave — Renders an imagined 1980s future: a perspective grid running to a sunset gradient, neon glow on dark ground, and chrome display type.
Collage — Assembles cut fragments of photography, illustration, and type at clashing scales and angles, letting the seams between materials stay visible.
Constructivist — Drives composition with a strong diagonal axis, primitive geometric shapes as structure, and a red-black-white palette, producing deliberate visual urgency.
Vaporwave — Builds a release archive from discarded consumer-digital material: washed magenta and cyan, obsolete interface chrome, classical forms, and visible image artifacts.
Art Deco — Frames a hospitality experience with strict symmetry, exact stepped geometry, restrained brass, and formal typography over a deep architectural ground.
Anti-Design — Stages an experimental studio portfolio where named rule-breaking, clashing color, uncomfortable secondary type, and off-grid composition remain legible on purpose.
Memphis — Scatters flat primitive shapes, squiggles, and confetti pattern in colors that refuse to harmonize, producing cheerful, weightless visual noise.
Ethereal — Holds the interface in high, even light — soft low-saturation gradients, diffuse boundaries, thin large type, and mostly empty space — to read as calm and weightless.