Design styles
Interface and web styles — from brutalism to Swiss: where they came from, how to recognise them and how to build your own.
Articles · 8
-
How to build your own style
Four decisions that change everything, seven steps, from words to decisions, references with notes, this site’s style on one sheet and a test on three screens — with live examples and prompts for images.
Read
-
Glass and neumorphism
Glass where the blur decides, where it came from, neumorphism as soft plastic, how to make both readable and which one to choose — with live examples and prompts for images.
Read
-
Retro and Y2K
A 90s interface on a modern site, four branches of retro, why the past came back, Y2K techniques, retro as an accent and a retro portfolio — with live examples and prompts for images.
Read
-
Bento grid
One grid on three screens, where the bento came from, four cell sizes, one idea per card, where it fits and a bento for a portfolio — with live examples and prompts for images.
Read
-
Editorial style
One story in two treatments, where the style came from, the parts of a magazine page, six editorial elements, type pairs and the style for a brand — with live examples and prompts for images.
Read
-
Minimalism
Minimalism as subtraction, where it came from, what to remove and what to keep, white space as a material and why minimal is not invisible — with live examples and prompts for images.
Read
-
Swiss style
A poster on a modular grid, where the style came from, its seven tools in print and on the web, flush-left text and hierarchy without decoration — with live examples and prompts for images.
Read
-
Brutalism
One screen in three looks, six signs of the style, neo-brutalism in components, where it fits and where it breaks usability — with live examples and prompts for images.
Read