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.
5 styles
Cohorts from June onward hold above the target line for a third consecutive month.
Solid fills, no shadows and no simulated material: hierarchy comes from colour, size and spacing alone.
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.
Deliberate abundance: layered surfaces, oversized type, pattern and colour everywhere, with hierarchy enforced by scale rather than by restraint.