← Back
Best viewed on a desktop. Please switch to a larger device.

BAU
HAUS
FORM

Founded by Walter Gropius in 1919, the Bauhaus school unified craft and fine art. Its design language - primary colours, geometric shapes, functional typography - remains the most influential in history.

1919
Founded Weimar
3
Primary Shapes
▲●■
Form Language
"Form follows function - that has been misunderstood. Form and function should be one, joined in a spiritual union."
- Frank Lloyd Wright, echoing Bauhaus ideals
01

The Three Forms

Circle = emotion (red). Triangle = thought (yellow). Square = matter (blue). Wassily Kandinsky's colour-shape theory.
Circle
Emotion · Movement · Spirit
Tension from centre outward
Associated with Red
border-radius: 50%;
background: #E63946;
Triangle
Thought · Aspiration · Mind
Sharp energy directed upward
Associated with Yellow
clip-path: polygon(
50% 0%, 0% 100%, 100% 100%);
Square
Matter · Stability · Order
Equal tension on all sides
Associated with Blue
/* No border-radius */
background: #1A5276;
02

Colour System

Three primaries + black + white. No tints, no gradients, no neutrals. Pure colour carries all meaning.
Black
#111111
Type, borders, backgrounds
Foundation
Red
#E63946
Accent, emotion, circle
Emotion
Yellow
#F4D03F
Highlight, thought, triangle
Intellect
Blue
#1A5276
Stability, matter, square
Matter
White
#FFFFFF
Ground, space, silence
Space
03

Type System

Geometric grotesque for display. Humanist sans for body. The Bauhaus rejected decorative type in favour of pure legibility.
Display / Title FORM FOLLOWS FUNCTION 72px · Bebas Neue
+0.04em tracking
All-caps always
H1 GEOMETRIC CLARITY 1919 40px · Bebas Neue
Colour accent optional
H2 Unified Art and Craft 22px · IBM Plex Sans 700
All-caps
Body Body text in IBM Plex Sans Light - the clean, functional geometry of this typeface is perfectly in keeping with Bauhaus principles of reduction and clarity. No ornament, no flourish. 15px · IBM Plex Sans 300
1.8 line-height
Caption / Label FORM · MATERIAL · FUNCTION · 1923 10px · DM Mono
+0.14em tracking
04

UI Components

Buttons
Form Fields
Labels & Progress
Workshop Form Craft Function Material
Progress
Form Study 72%
Typography 55%
Construction 89%
05

Navigation

06

Cards

Workshop · Featured

Typography as Form

The Bauhaus typographers treated the printed page as a grid of forces - every letter a geometric object with weight and direction.

H. Bayer · 1925 Read →
Theory · Colour

Itten's Colour Circle

Johannes Itten's colour theory course was the foundation of every Bauhaus student's visual education from 1919 to 1923.

J. Itten · 1919 Read →
Workshop · Metal

László Moholy-Nagy

Director of the metal workshop - and the teacher who redefined the role of light, space and material in industrial design.

L. Moholy-Nagy · 1923 Read →
History · 1933

Closure Under Pressure

The Bauhaus closed in 1933 under pressure from the Nazi government. Its teachers scattered across the world, spreading its influence permanently.

Archive · 1933 Read →
Workshop · Weaving

Anni Albers

The greatest textile artist of the 20th century discovered that weaving was a structural, spatial, and intellectual discipline - not a domestic craft.

A. Albers · 1927 Read →
Workshop · Stage

Oskar Schlemmer

The stage workshop master who turned the human body into a geometric object - his Triadic Ballet remains a masterpiece of the form.

O. Schlemmer · 1922 Read →
07

Full Layout

Art and Technology
A New Unity

The Bauhaus sought to reunite all creative disciplines under one roof. Painters, sculptors, weavers, and architects worked side by side.

1,284
Students
1919–1933
3
Cities
Weimar · Dessau · Berlin
14
Years Active
1919–1933
Influence
Enduring
08

Core Principles

Form Serves Function

Every visual element must justify its presence through utility. Decoration for its own sake is forbidden. The shape of an object should be determined by what it does.

Primary Geometry Only

Circle, square, triangle - and their combinations. No organic curves, no ornamental forms. Pure geometry is the universal language of structure and clarity.

Three Primaries, No Tints

Red, yellow, blue - never mixed into pastels, never tinted into gradients. Colour is meaning, not decoration. Each hue carries specific psychological weight.

Aa

Functional Typography

Type is geometry in another form. Sans-serif, geometric, functional. The Bauhaus favoured lowercase to save keystroke time - efficiency as typographic philosophy.