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.
6 styles
Cohorts from June onward hold above the target line for a third consecutive month.
Controls that imitate physical objects: bevelled edges, material texture, directional light and depth that says what a thing does.
Cohorts from June onward hold above the target line for a third consecutive month.
Puffy, rounded, matte shapes with an inner highlight and a coloured drop shadow, as if the interface were moulded from soft clay.
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.