Styles

Every style Brizette draws apps, websites, pages and components in. Each has a page of its own, with the style drawn on a few apps.

• Glass

  Also called glassmorphism.

  Frosted panes over bright shapes: see-through cards and floating controls, each with light along its top edge.

• Tonal

  Material-style tonal surfaces: no shadows or borders, every surface a tint of the accent, and a pale container of it for the lead card.

• Soft

  Also called neumorphism.

  Neumorphic: every surface is the ground itself, raised out of it or pressed into it, lit from the top left.

• Brutalist

  Also called neubrutalism.

  Thick outlines, hard offset shadows and loud uppercase type. Nothing is softened.

• Swiss

  Also called the International Typographic Style.

  The international style: huge, tightly set sans headlines, content hung from thick rules instead of cards, square corners and the column grid drawn on the ground.

• Graph Paper

  A gridded notebook, with printed labels in mono and what you write in handwriting.

• Bento

  Also called bento grid.

  Big rounded tiles packed like a bento box, wide headings, and a colour for each tile.

• Quiet

  Hairlines and white space instead of cards, with monospaced figures carrying the screen.

• Hi-Vis

  Safety signage: condensed capitals, bold outlines and the highlight as a warning stripe.

• Editorial

  A magazine: serif display type in italics, thin rules and generous margins.

• Terminal

  A command line: monospace everything, bracketed controls and dashed rules.

• Clay

  Also called claymorphism.

  Puffy, inflated shapes with soft inner light, like something modelled in clay.

• Pixel

  An 8-bit game: a bitmap font, stepped pixel edges and not one curve.

• Skeuomorphic

  Real-world materials: glossy buttons, bevelled edges and a brushed, textured ground.

• Memphis

  1980s Milan: clashing shapes, confetti, squiggles and shadows in a second colour.

• Y2K

  The millennium: chrome gradients, bubbly shapes, wide type and a little sparkle.

• Wireframe

  A sketch before the design: outlines only, no fills, pictures as crossed boxes.

• Blueprint

  A technical drawing: a fine grid, condensed engineering type and corner marks.

• Luxury

  A fashion house: fine serif capitals, wide letter-spacing and hairline rules.

• Corporate

  An enterprise tool: small type set densely, every box drawn with a hairline on a grey ground, and the accent kept for the one thing to press.

• Aurora

  Gradient light: colour glowing across the top of the page, solid cards lit by a coloured glow, and gradients in the headlines and filled controls.

• Newsprint

  A broadsheet: heavy serif headlines, double rules and halftone pictures.

• Retro

  The 1970s: rounded display type, warm stripes and chunky rounded shapes.

• Neon

  Signs at night: outlines that glow in the accent, and a heavy display face.

• Cupertino

  The iOS system look: borderless white groups on a grey ground, large bold titles, coloured square icons and quiet chrome.

• Riso

  Risograph print: two inks slightly out of register, grain and a bold serif.

• Retro OS

  A 1990s desktop: grey bevelled chrome, every card a window with a title bar, pressed-in fields and a bitmap face.

• Bauhaus

  The Dessau school: square cards and round buttons, thick black rules, flat circles and half-circles, and lower-case geometric headlines.

• Art Deco

  The 1920s: cards with cut corners and a hairline frame inside, a sunburst behind, and tall, thin capitals set wide.

• Comic

  A comic book: thick ink outlines, halftone dots, tilted panels, yellow caption boxes and hand-lettered capitals.

• Scrapbook

  An album: cards taped down at an angle, pictures as instant photos, rubber-stamp badges, and headings in handwriting over typed text.

• HUD

  A film’s computer screen: thin lines in the accent, corner brackets, clipped corners, scan lines and telemetry labels.