1919–1933
Bauhaus
Form follows function. Less is not less — it is enough.
Principles
Form Follows Function
Every element exists because it serves a purpose. If it does not communicate, navigate, or structure — it is removed. This is not minimalism as aesthetic preference. It is discipline as method.
Universal Form
Circle. Square. Triangle. Three forms. Three primary colors. These are not choices — they are axioms. Everything complex reduces to these primitives. Complexity is not added; it is discovered within simplicity.
The Grid is Visible
In Art Deco, structure is celebrated. In Art Nouveau, structure is hidden. In Bauhaus, structure is the content itself. The grid is not a tool — it is the design. You are looking at it now.
Why This Style Exists
Weimar, 1919. Walter Gropius founds a school. Not an art school. Not a craft school. A school that refuses the distinction. The Bauhaus — literally 'building house' — proposes that art, craft, and industry are one discipline.
The school lasted fourteen years. The Nazis closed it in 1933. But its fourteen years produced the vocabulary that still governs design: the sans-serif, the grid, the primary palette, the rejection of ornament as dishonesty.
Where it appeared
- The Dessau building (1925) — glass, steel, white walls. The architecture is the manifesto
- Herbert Bayer's Universal typeface — one alphabet, no capitals. Why two forms for one sound?
- Marcel Breuer's Wassily Chair — tubular steel, leather planes. Sitting reduced to structure
Legacy
Every sans-serif font. Every grid system. Every 'clean' interface. Every time a designer removes an element and the design improves — that is Bauhaus. It did not create a style. It created the operating system for all styles that followed.
Nature Through Geometry
Bauhaus does not reject nature — it translates it. A flower becomes circles and ellipses. A leaf becomes two arcs meeting at a point. A mushroom becomes a semicircle atop a rectangle.
This is not simplification for laziness. It is simplification as honesty — stripping away the accidental to reveal the structural. Art Nouveau draws a flower as it appears. Bauhaus constructs a flower as it is structured.
Notice how the colors adapt to the active style. The same geometric forms work in any palette — because the structure is universal.
Typography
One typeface. Multiple weights. That is the system. Bauhaus rejects the idea that different content needs different voices. Content is differentiated by size, weight, and position — not by changing the instrument.
- Sans-serif only — serifs are ornament. Ornament is dishonesty.
- Weight as hierarchy — light, regular, bold, black. Four levels. Enough.
- Uppercase for headings — not for decoration but for differentiation. A heading is structurally different from body text. It should look structurally different.
- Wide tracking — letters need air. Tight spacing is clutter.
Color
Bauhaus color theory is not about palettes — it is about relationships. Johannes Itten and Josef Albers taught that no color exists in isolation. Every color is changed by its neighbor. This is not decoration. It is physics.
The Bauhaus palette is primary: red, blue, yellow — plus black and white. Not because other colors are wrong, but because these are irreducible. You cannot mix them from other colors. They are axioms.
- Primary colors — red, blue, yellow. Irreducible. Axiomatic.
- Black and white — not colors but conditions. Presence and absence of light.
- Color as function — red means stop, danger, attention. Blue means distance, calm, structure. Yellow means energy, warning, light. Color communicates before it decorates.
Contrast
Bauhaus contrast is binary. Not the layered tensions of Victorian or the gentle tonality of Art Nouveau. Here, contrast is on/off. Black/white. Present/absent.
Black and white
The fundamental pair. Not warm-and-cool, not dark-and-light — absolute presence and absolute absence. Black ink on white paper. The highest possible contrast. Everything else is compromise.
Thick and thin
A 2px rule beside a 700-weight heading beside 400-weight body text. Three weights, three levels. The system is explicit. There is no ambiguity about what is heavier.
Color and neutral
One accent color against a monochrome field. The color is not decoration — it is signal. It marks the one thing that is different, the one thing that demands attention. Everything else recedes.
Rhythm
Bauhaus rhythm is mechanical and regular. Not the biological breathing of Art Nouveau or the ceremonial procession of Art Deco. It is the rhythm of a machine — precise, predictable, unwavering.
The grid beat
Equal intervals. Always. The space between sections is the same as the space between paragraphs multiplied by a constant. The system is mathematical, not intuitive.
The rule as divider
No ornament between sections. A line. 2px. Black. That is the divider. It does not decorate — it separates. Its beauty is its honesty.
Typographic weight shifts
Bold. Regular. Bold. Regular. The alternation of weight creates rhythm without any decorative element. Structure alone produces music.
Hierarchy
Bauhaus hierarchy is achieved through three tools only: size, weight, and space. No color variation in text. No ornamental frames. No decorative distinction. If you cannot create hierarchy with these three tools, your hierarchy is false.
Size
The heading is larger. That is sufficient. Not larger AND bolder AND colored AND framed — just larger. One difference, clearly stated.
Weight
Bold for headings. Regular for body. Light for captions. Three weights, three levels. The system is complete.
Space
More space above a heading than below it. The heading belongs to what follows, not what precedes. Space creates grouping. Grouping creates hierarchy.
Space
Space in Bauhaus is measured, not felt. It is not the honored void of Art Deco or the inhabited atmosphere of Art Nouveau. It is a precise quantity — calculated, consistent, systematic.
White space is not empty. It is a material — as real as ink, as structural as a column. It has a specific width, a specific purpose, a specific relationship to every other element.
Light
There is no vignette. There is no atmosphere. There is no theatrical lighting. The page is evenly lit — like a laboratory, like a workshop, like a classroom. Every element receives the same light because every element deserves the same scrutiny.
This is not absence of design. It is the most radical design decision on this site: to refuse drama. To trust that the content, the grid, and the typography are sufficient without atmospheric assistance.
Signature Traits
Bauhaus is identified not by what it adds but by what it refuses.
The refusal of ornament
No divider ornaments. No corner flourishes. No texture overlays. No decorative borders. Every element that exists on this page is functional. If you removed it, information would be lost. That is the test.
The visible grid
Other styles hide their grid. Bauhaus makes it explicit. The 2px black borders, the consistent gutters, the mathematical spacing — these are not invisible infrastructure. They are the design itself.
Primary color as theory
The accent color is not chosen for mood or atmosphere. It is chosen as a proposition: what does red do to this composition? What does blue do? The palette is an experiment, not a preference.
The school as legacy
Bauhaus is unique among styles on this site: it was a school, not just a movement. Its principles were taught, tested, refined through pedagogy. Every rule exists because a teacher explained it to a student and the student tested it. This is design as knowledge, not as taste.
How This Style Breaks
Bauhaus breaks when discipline fails — when the designer adds something that is not earned.
Decorative elements
One ornament. One rounded corner. One gradient. One drop shadow used for atmosphere rather than structure. Any of these breaks the contract. Bauhaus is not 'mostly minimal' — it is completely minimal. There is no 'a little bit of decoration.'
Too many colors
One accent color. Black. White. Gray. That is the system. A second accent color introduces ambiguity — which one is the signal? Which one is the noise? The moment you cannot answer instantly, the system has failed.
Expressive typography
Italic for emphasis. Decorative fonts for headings. Variable letter-spacing for mood. All of these introduce expression — and expression is the enemy of system. Bauhaus typography communicates through structure, not through feeling.
Atmospheric effects
Vignettes, textures, gradients, blur effects — all create mood. Bauhaus does not have mood. It has clarity. The moment the page feels like a place rather than a document, the principle is violated.