Design styles

Reduction over addition

Minimalist is a web-interface design style defined by extreme reduction of visual elements to only what is functionally necessary. Hierarchy, spacing, and typography — not color, ornament, or decoration — carry the interface. Negative space is treated as an active structural element rather than unused margin.

Abundance is designed, not accumulated

Maximalist is a web-interface design style that treats abundance as the organizing principle. It composes with a large saturated palette, genuinely overlapping layers, extreme typographic range, and a filled rather than empty background, producing a dense and energetic surface. It is distinguished from visual noise by two requirements it never relaxes: a single dominant focal point, and legible text everywhere.

The background is the material

Glassmorphism is a web-interface design style in which surfaces behave like frosted glass: partially transparent, blurring the content behind them, and edged with a thin band of light. Layer order is communicated by seeing through one surface to another. The style depends on a background with real chromatic variation, and it is only shippable when text contrast is verified against the worst-case background pixel rather than against the panel's nominal fill.

One continuous material

Neumorphism is a web-interface design style in which elements appear extruded from, or pressed into, a single continuous surface. The element and its container share one fill color, and separation is produced entirely by a pair of opposing shadows — one lighter than the surface, one darker — with no borders present. Because depth is the sole visual separator, the style is only shippable when contrast requirements are satisfied independently of the shadows.

Surfaces are manufactured objects

Y2K is a web-interface design style that revives the glossy consumer-technology optimism of the turn of the millennium. Surfaces read as polished and reflective: multi-stop chrome fills, capsule shapes carrying specular highlights, high-luminance saturated color, heavy display typography, and sparkle ornament. Its visual reference is early-2000s product photography rather than any screen convention.

Elevation is luminance

Dark Mode is a web-interface design style built on a dark ground, in which elevation is expressed by luminance steps rather than by shadow, color is desaturated to survive on a low-light surface, and contrast is targeted at a strong rather than maximal ratio. It is not an inversion of a light interface: the mechanisms that establish depth, color, and legibility all differ.

Weight is what gets removed

Barely-There UI is a web-interface design style that reduces the visual weight of an interface rather than the quantity of its contents. Type is set at light weights, container boundaries are drawn just above the threshold of perception, the palette holds to a single hue, and most of the surface is empty — while real data displays carry the visual interest. It differs from reductive styles in that elements are quieted rather than removed, so a data-dense screen can satisfy it.

A synthetic landscape

Retrowave is a web-interface design style that renders the future as imagined in the 1980s. A perspective grid recedes toward a horizon, a sunset gradient runs through magenta and orange, neon glow radiates against a near-black ground, and display typography is chromed, extruded, or outlined. The style depends structurally on darkness, since neon is emitted light, and it confines its glow to headlines and ornament so that reading text remains legible.

The seam is the subject

Collage is a web-interface design style that assembles a composition from visibly heterogeneous fragments — photographic cutouts, illustration, treated type, texture — layered at clashing scales and angles with their seams left exposed. Nothing is blended between materials. Because fragment surfaces are visually unpredictable, running text is placed on its own clean ground rather than over the assembly.

The diagonal is the structure

Constructivist is a web-interface design style organized around a strong diagonal axis, in which primitive geometric shapes act as structural mass, the palette is restricted to black, white, and one saturated primary, and visual weight is deliberately loaded to one side. Elements bleed past the frame rather than being contained by it. The resulting register is urgent and assertive rather than neutral.

Secondhand material

Vaporwave is a web-interface design style assembled from discarded consumer-digital material: pale magenta and cyan gradients, obsolete interface chrome, classical statuary, and visible image artifacts, arranged in still, symmetrical compositions. Its register is nostalgic and faintly ironic, and its material is always secondhand. It is distinguished from neon retro-futurism by being pale, static, and backward-looking rather than dark, kinetic, and speculative.

Every transgression is named

Anti-Design is a web-interface design style that deliberately subverts the conventions of polished interface work: colors clash, typography is uncomfortable, hierarchy is flattened or inverted, and no shared grid governs placement. It is a stance rather than an absence of decisions — each transgression names the convention it breaks. Its defining constraint is that aesthetic convention may be refused while access conditions may not.

High-key throughout

Ethereal is a web-interface design style that holds the surface in high, even light: pale low-saturation gradients transition without visible edges, regions separate through tonal shift rather than through lines, type is thin and large, most of the page is empty, and motion is slow. Its register is calm and weightless. Because every characteristic property reduces contrast, the style requires that text and control colors be chosen deliberately dark against the pale ground.