A style is how an interface is rendered: borders, radii, elevation, texture, type treatment, state and motion. Every style here paints the same live specimen, so the only thing that changes between two cards is the rendering. Colour and typography still come from your design kit — this is the layer on top of it, and the layer your agent can build to.
10 styles
Cohorts from June onward hold above the target line for a third consecutive month.
Thick black borders, offset hard shadows and flat blocks of colour, with nothing softened and nothing pretending to be a physical material.
Cohorts from June onward hold above the target line for a third consecutive month.
A visible column grid, one neutral typeface at a strict scale, and alignment doing every job that decoration does elsewhere.
Cohorts from June onward hold above the target line for a third consecutive month.
Print typesetting brought to the screen: a serif reading measure, standfirsts and pull quotes, and layout that changes with the content.
Cohorts from June onward hold above the target line for a third consecutive month.
Almost everything removed: one accent, one weight step, generous space, and boundaries implied rather than drawn.
Cohorts from June onward hold above the target line for a third consecutive month.
Screen surfaces that borrow the artefacts of physical printing: halftone dots, slight misregistration, limited ink counts and paper texture.
Cohorts from June onward hold above the target line for a third consecutive month.
Late-nineties optimism rendered in generic geometry: chrome-like gradients, glossy pills, starbursts and a confident techno-futurist tone.
Cohorts from June onward hold above the target line for a third consecutive month.
Clashing colour, scattered geometric confetti and deliberately unbalanced composition, held together by a strict underlying grid.
Cohorts from June onward hold above the target line for a third consecutive month.
Deliberate abundance: layered surfaces, oversized type, pattern and colour everywhere, with hierarchy enforced by scale rather than by restraint.
Cohorts from June onward hold above the target line for a third consecutive month.
Motion as a primary design element: type and surfaces that move, respond and transform, with a complete static presentation underneath.
Cohorts from June onward hold above the target line for a third consecutive month.
The early web's own visual language: beveled borders, dense link lists, visible dividers and a page that announces its own structure.