Interface styles,
rendered not mocked up

A style here is a construction, not a palette. Liquid glass refracts what is behind it; skeuomorphism lights an object from above; flat design removes both. Each one ships as the technique, a token set, a prompt for your coding agent, and one specimen screen built from exactly those — real code you can take, not a picture of an interface.

new styles added daily · same screen every time, so the style is the only variable · light and dark, both measured for contrast

Acid Rave

Glow

Fluorescent green on black, glowing at the edges like a club flyer.

Admin Dense

Bordered

Rows packed tight for people who live in this screen all day.

Almanac Tables

Print

A reference book's table page: ruled rows, tabular figures, no ornament.

Arcade Cabinet

Pixel

Cabinet-side colors on black: saturated primaries, hard edges, shouted labels.

Atomic Fifties

Bordered

Turquoise and coral on cream, with thin outlines and cheerful geometry.

Banking Secure

Elevation

Deep navy and restrained gold, with figures that line up to the last cent.

Bauhaus Primary

Flat

Red, blue, yellow and black in flat geometric blocks — no other colors exist.

Bento Tiles

Elevation

A tray of tiles in mismatched sizes, each with a lot of corner radius.

Bevel Desktop

Hard bevel

Grey panels with raised and sunken bevels — light comes from the top left, always.

Blueprint Cyan

Wireframe

White line work on blueprint navy, with the drawing grid left visible.

Book Transitional — interface concept shot

Book Transitional

Bare

Set like a page of a well-made book: one column, wide margins, nothing else.

Borderless Tint

Tinted

No borders anywhere — surfaces separate themselves with a tint instead.

Broadsheet Rules — interface concept shot

Broadsheet Rules

Ruled

Thick rules over small caps. Sections are announced, not boxed.

Broadside Ink

Print

Heavy black wood type on ecru — a printed notice, not an interface.

Brutalist Pastel

Hard offset

The same hard outlines, but the fills went soft — mint, lilac, black ink.

Bubblegum Pastel

Clay

Sugar pinks and sky blues, roomy and light, with ink dark enough to read.

CAD Drafting

Wireframe

White drafting sheet, cyan construction grid, dimensions in small mono.

Candy Gloss

Aqua gel

Glossy pill buttons with a highlight across the top, in flavors rather than colors.

Cassette HiFi

Brushed metal

Brushed beige component panels with engraved labels and a small amber readout.

Checkout Terminal

Elevation

Point of sale: one huge total, buttons you cannot miss, no ambiguity.

Claymorphic

Clay

Fat rounded shapes that look pressed out of clay, lit softly from above.

Comic Panel

Halftone

Panels with heavy ink borders and halftone dots doing the shading.

Compact Quiet

Tinted

Dense as a pro tool, quiet as a document — a lot fits without shouting.

Constructivist Red

Riso

Red and black on cream, set on hard diagonals with condensed uppercase.

Cream Plush

Elevation

Warm milk surfaces on one soft shadow, corners rounded until nothing has an edge — it should feel upholstered.

CRT Television

Scanline

Scan lines, slight bloom, and colors that look broadcast rather than rendered.

Cyberpunk Neon

Bordered

Neon-bordered panels on near-black — the border is the light source, magenta against cyan, everything squared and shouting.

Data Dense Dark

Well

A trading screen's logic: small type, tabular figures, color reserved for change.

Data Dense Light

Bordered

The same density in daylight: white rows, hairline grid, ink-black figures.

Deco Gold

Outline

Symmetrical gold hairlines on deep green, with stepped forms and small caps.

Desktop Vibrancy

Well

Sidebar-and-inspector density with vibrancy behind, controls kept small.

Document Calm

Bare

A page that behaves like a document: almost no chrome, and hover reveals the rest.

Dopamine Glow

Glow

One hot candy accent that halos — the shadow is a colored glow, never grey — on chunky pill shapes.

Duotone Pop

Riso

Two saturated colors and nothing between them — no greys allowed.

Editor Dark

Well

A code editor's chrome: muted surfaces, syntax-colored accents, monospace figures.

Editor Light

Bordered

Daylight editor: near-white ground, restrained syntax hues, everything aligned.

Editorial Slab

Ruled

Slab headings with square shoulders, sitting on rules instead of in boxes.

Enterprise Blue

Bordered

The corporate default done properly: navy, tables, 6px corners, no surprises.

Fluent Acrylic

Frosted

Translucent panels over a tinted desktop, with restrained 8px corners.

Fog Cool

Tinted

Cool grey layered on cool grey, with edges that barely announce themselves.

Gallery White — interface concept shot

Gallery White

Bare

Museum wall: everything hangs in space, labels are tiny, nothing is framed.

Glassmorphic

Frosted

Frosted panels floating over a colored field, edged with a single bright hairline.

Gov Plain

Ruled

Public-service plainness: black on white, square corners, focus you cannot miss.

Gradient Mesh

Flat

A soft colored haze behind plain white cards that stay completely flat.

Guochao Gilt

Brushed metal

Lacquer red carrying gold-leaf rules and a gilt accent — the shine is metal, not gloss, and it is the only light allowed.

Hairline Mono

Bordered

Greyscale only, and every division is exactly one hairline wide.

Healthcare Calm

Tinted

Teal and generous spacing, sized so the label is legible under stress.

High Contrast AA

Bordered

Maximum legibility on purpose: pure values, thick borders, unmistakable focus.

HUD Overlay

Glow

Thin luminous strokes and corner ticks over near-black, like a readout.

Ink Only

Ruled

Black, white, and the space between. Color has been removed as a tool.

iOS Grouped

Well

Inset grouped lists on a grey field, with separators that stop short of the edge.

Iridescent Holo

Holographic

Holographic sheen across the ground, with content kept plain so it stays readable.

Kiosk Touch

Elevation

Everything sized for a standing stranger with one free hand.

Lab Instrument

Brushed metal

Panel-mounted logic: engraved labels, hard grid, readings in fixed pitch.

Letterpress Impression — interface concept shot

Letterpress Impression

Letterpress

Ink pressed into soft cotton stock — the only depth here is the dent.

Liquid Glass — interface concept shot

Liquid Glass

Liquid glass

Panels behave like lenses: they blur and re-saturate the page behind them and catch light along their edges.

Log Stream

Terminal

Lines, timestamps, levels. No cards, no chrome, nothing between you and the output.

Lookbook Thin

Bare

Thin letterforms, letter-spaced labels, and a page that is almost empty.

Mac Classic

Outline

One-bit black and white: hard 1px outlines, dotted fills, no grey at all.

Magazine Didone — interface concept shot

Magazine Didone

Bare

High-contrast display serif over quiet text, the way a fashion spread opens.

Maillard Toast

Tinted

Every surface is a shallow caramel-to-espresso gradient, like crema settling — all warm, no cool, anywhere.

Manuscript Margin — interface concept shot

Manuscript Margin

Bare

A wide margin holding notes beside the text, the way a studied book looks.

Material Elevation

Elevation

The earlier Material: 4dp corners, white cards, and shadow doing the layering.

Material Tonal

Tinted

Large radii and tonal surfaces — color, not elevation, says what sits on top.

Maximal Clash

Hard offset

Three type sizes too far apart, packed tight, and proud of it.

Memphis Blocks

Die-cut sticker

Primary blocks, mismatched corners, and cheerfully wrong proportions.

Miami Sunset

Holographic

Hot pink and teal over a dusk gradient, with a chrome-edged headline.

Midnight Launch

Frosted

The AI-product hero: near-black indigo, one violet bloom behind frosted panels, and a gradient headline — one bloom, never two.

Mint Mambo

Frosted

Frosted mint panels over a paler mint ground — depth from translucency instead of shadow, everything rinsed cool.

Mono Noir

Bordered

Near-black surfaces, one restrained accent, and hairlines that barely catch light.

Neo Brutalist — interface concept shot

Neo Brutalist

Hard offset

Black outlines, hard offset shadows, and a yellow that refuses to be tasteful.

Neon Web Black

Scanline

Black page, neon type, uppercase everything — the personal homepage era.

Neutral Toolkit

Bordered

The unopinionated base: neutral greys, 8px corners, one hairline everywhere.

New Chinese Ink

Letterpress

Ink on rice paper with one vermilion seal — the red block is pressed, not printed, and it is the only loud thing.

Newsprint Column — interface concept shot

Newsprint Column

Print

Grey stock, condensed heads, column rules — a broadsheet doing an app's job.

Nordic Muted

Tinted

Slate and sage under an overcast sky — cool, low-chroma, never cold.

Old Money Club

Ruled

Club stationery: navy ink on cream, gold rules doing the separating, buttons outlined like a crest and never filled.

Outline Only

Outline

Everything is drawn, nothing is filled — including the primary button.

Paper Light

Bordered

A very slightly warm white that never goes to pure #fff, and nothing else.

Pill Quiet

Flat

Fully rounded shapes in muted greys — friendly geometry without the noise.

Pixel Eight Bit

Pixel

Everything snaps to an 8px cell: square corners, hard edges, no half pixels.

Playful Rounded

Tinted

Full pills, wide friendly letterforms, and a palette that smiles first.

Poster Grid — interface concept shot

Poster Grid

Ruled

One enormous headline, one flat color block, and a grid holding them apart.

Quiet Serif Notes

Bordered

A soft serif at note-taking size, in colors that never raise their voice.

Radar Console

Scanline

Sweep-green on black with scan lines and readings that never stop updating.

Risograph Duotone — interface concept shot

Risograph Duotone

Riso

Two inks, flat and slightly off-register, printed on absorbent stock.

SaaS Console

Elevation

The modern product default: light grey field, white cards, small badges everywhere.

Sand Neutral

Print

Warm greige throughout, with a clay accent and no grey in sight.

Schematic Ink

Outline

Hairline black line work on white, annotated in small monospace.

Seventies Earth

Skeuomorphic

Harvest gold, avocado and rust, set in a rounded seventies grotesque.

Signal Monitor

Outline

Status first: tick marks, three state colors, and nothing competing with them.

Skeuomorphic Realism

Skeuomorphic

Controls built as lit objects: gloss on the top edge, shade at the bottom, and a texture in the material itself.

Soft Neumorphic

Neumorphic

Controls extruded from the background itself, with text kept legible anyway.

Soft Shadow Cards

Elevation

No borders at all — a single soft shadow does every job a border would.

Spreadsheet Grid

Terminal

Cells all the way down: every value in a ruled box, nothing floating.

Sticker Pop

Die-cut sticker

Everything looks die-cut: thick outlines, bright fills, a shadow that never blurs.

Swiss Editorial — interface concept shot

Swiss Editorial

Ruled

Grid, hairline, one red. Everything that is not information has been taken off the page.

Ten Foot TV

Glow

Read from the sofa: dark ground, oversized type, focus that glows.

Terminal Amber

Terminal

The warmer monitor: amber on near-black, softer on the eye, same discipline.

Terminal Paper

Terminal

A manual page: monospace on white, hairline rules, absolutely no color.

Terminal Phosphor

Scanline

Green phosphor on black, fixed pitch, with the scan lines still faintly there.

Transit Utility

Ruled

Timetable logic: fixed-width figures, blunt status colors, no ornament.

Type Hierarchy

Bare

No surfaces at all. Size, weight and space are the only structure.

Utility Plain

Ruled

No accent color at all — the primary action is simply the darkest thing on screen.

VHS Tracking

Scanline

Magenta and cyan pulling apart at the edges, with tape noise across the ground.

Wabi Sabi Grain

Bare

Raw paper grain, sun-faded color, and dashed separators like visible mending — nothing polished, nothing pretending to be new.

Warm Paper — interface concept shot

Warm Paper

Print

Cream stock and brown ink. Nothing on the page is pure white or pure black.

Web 1999

Hard bevel

Times body text, underlined blue links, and a grey page with a visible border.

Whitespace Luxury

Bare

Space is the material. Very little on screen, and all of it small.

Wireframe Grey

Wireframe

Deliberately unfinished: dashed boxes, grey everything, no decisions made yet.

Y2K Aqua

Aqua gel

Glossy blue capsules with a highlight across the top, over fine pinstripes.

Zine Photocopy — interface concept shot

Zine Photocopy

Halftone

Third-generation photocopy: blown-out contrast, dashed cuts, shouty labels.