N — 01
EST · 1919

Design Skill · Bauhaus

52°31′N / 13°24′E / DESSAU

FORM FOLLOWS FUNCTION.

A design philosophy born in 1920s Germany that said decoration is dishonest. Shape, color, and type should earn their place by doing a job — nothing else, nothing less.

1919 Year of Origin

01 What It Is

RADICAL
CLARITY.

The Bauhaus school opened in 1919 with a radical idea: artists and craftsmen should work together. No more pretty-for-pretty's-sake.

Every chair, every poster, every building should be honest about what it does and who it's for. That's why Bauhaus design looks the way it looks: flat colors that mean something, shapes with no frills, type that commands rather than decorates. It aged well because it was never trendy to begin with.

When you use this aesthetic, you're saying something specific: we don't waste space, we don't hide behind decoration, and we mean exactly what we show you.

02 Where It Shines

BUILT FOR THIS.

01
Use Case

Branding
& Identity

Companies that want to project precision, integrity, and confidence. When your mark is pure geometry, it reads the same in every language and at every size.

02
Use Case

Tech &
Software

Product UI that should feel structured and fast. Bauhaus is clarity under constraint — every element earns its pixel. Users always know what to do next.

03
Use Case

Editorial &
Publishing

Magazines, annual reports, and books that treat typography as architecture. The grid is the story. Strong type does the heavy lifting so nothing else has to.

03 Four Principles

THE RULES.

04 / 04 LAWS
01 / NO

No ornament

Decoration is never added. Every visual element is structural — it holds something up, separates something, or means something.

02 / COLOR

Color with purpose

Red, yellow, blue. Each color has a job. Not mood. Not branding. Color is structure — it anchors, divides, and directs attention.

03 / GRID

Grid as law

The 12-column grid is rigid. Columns split asymmetrically. Nothing floats free — every element knows where the rails are and respects them.

04 / TYPE

Type commands

Headlines are oversized on purpose. Condensed, uppercase, heavy weight. The type is the loudest thing on the page because the message matters most.

04 The Visual Language

THREE SHAPES.
EVERY IDEA.

Kandinsky's color-form pairings: circle to blue, square to red, triangle to yellow. Every Bauhaus poster traces back to these three primitives.

FIG. 01
Circle
MOVEMENT · INFINITY
FIG. 02
Square
STABILITY · HONESTY
FIG. 03
Triangle
TENSION · DIRECTION

05 Component System

EVERYTHING IS INTENTIONAL.

Buttons

Badges & Tags

Design Bauhaus Geometric Featured Minimal

Form Inputs

Color Palette

#BE1E2D
#F5D000
#1A3A8F
#111111
#F5F0E8

Typography Scale

96pxBauhaus
48pxForm & Function
18pxBody text reads clearly at weight 600
14pxSecondary body copy, supporting details, captions
11pxLabel · Uppercase · Tracked

Card Anatomy

01 — Category Label

Card Title Here

Supporting body text. Sharp corners, no shadow, thick border. Every detail deliberate.

READY TO BUILD
WITHOUT
COMPROMISE?

Use this design skill to generate Bauhaus-precise interfaces every time — flat color, sharp edges, oversized type, and zero decoration.

Get The Skill →