Bauhaus
Red, yellow, blue and black with circles, squares and triangles, like a Bauhaus school poster.
Inter Tight · Inter
Geometric
Bauhaus and the Swiss grid
A strict, beautiful system: the Swiss grid, circles, squares and triangles, primary colours (red, yellow, blue, black) and strong sans type on one alignment.
12 designs
What defines this style
- Typography
- A strong grotesque in heavy weights, always aligned to the start edge, huge numerals.
- Colour
- White or paper background, black, and pure primaries in large areas.
- Layout
- A strict visible grid, rectangular colour blocks, balanced asymmetry, geometric shapes as main elements.
- Shapes
- Full circles, squares, half-circles and triangles; no rounded card corners.
- Imagery
- Photos cropped into circles and squares, or duotoned with the primaries.
- Motion
- Shapes slide and rotate into place, without bounce.
- Details
- Huge section numbers, short thick bars, vertical side text.
- Avoid
- Ornament, gradients, shadows, decorative serifs.
12 designs
Swiss
Red and black on white, a strict grid and one alignment, a gallery that hangs its exhibitions like International Style posters.
Work Sans
Mondrian
A gallery inside rectangles with thick black lines and colour blocks, a nod to Mondrian.
Archivo
Module
Grey, orange and blue, geometric building modules and a visible grid for a contractor.
Oswald · IBM Plex Sans
Circle
Strong blue, orange and a photo inside a big circle, for a confident gym.
Unbounded · Inter
Block
Yellow, dark green and rectangular colour blocks, for real estate with a modern architectural feel.
Inter Tight · Inter
Chainring
Pale paper, red, blue and yellow, a bike shop on a Bauhaus grid: circles and triangles around the photo, an orderly price list and photos in a grid.
Space Grotesk · Inter
Quadrant
White, black and orange, a café of squares and quarter circles: a huge full-width headline, a clear menu and photos in a bento grid.
Archivo · Inter
Vector
Light grey, blue, yellow and red, a software company in the language of technical drawing: a fine grid, basic shapes and orderly plans.
Inter Tight · Inter
Corner
Cream, deep red and teal, a coworking space of cut shapes: photos in circles, a wide headline and the spaces in cards.
Unbounded · Work Sans
Axis
White, black, red-orange and blue, a conference on a Swiss grid: a huge headline, speakers in cards and the programme in a table.
Oswald · Inter
Primary
Blue, red and yellow on pale paper, a sign workshop speaking Mondrian: coloured rectangles, a poster headline and work in a grid.
Archivo · IBM Plex Sans