Historical evidence · image slot
Typography & graphic design
Bayer · Poelzig lecture poster · 1926 · MoMA
Research debt: image licence not held
Bauhaus
A school became a shorthand.
Historical evidence · catalogue reference
Architecture
Bauhaus building, Dessau · designed by Gropius · Met
Research debt: photograph and credit not selected
Discipline · Documented · Source not yet verified, Met
Painting
Klee, Bauhaus years
Research debt: work not selected
Workshop · Documented · Source not yet verified, Met
Weaving
Stölzl
Research debt: textile not selected
Workshop · Documented · Source not yet verified, Met
Cabinetmaking
Breuer, tubular steel
Research debt: object not selected
Workshop · Documented · Source not yet verified, Met
Metal
Research debt: artefact not selected
Aesthetary specimen · role: stereotype
Discipline · Our reading
Photography
Research debt: work and institution not selected
Discipline · Our reading
Theatre / stage
Schlemmer
Research debt: Schlemmer source and work
Workshop · Documented · Source not yet verified, Met
Pottery
Research debt: artefact not selected
Workshop · Documented · Source not yet verified, Met
Wall painting
Research debt: artefact not selected
The shape pack people now call “Bauhaus” is one cell here. One card per discipline, not per available image. Dashed cards are real disciplines whose artefact we have not yet named.
Bauhaus was never simply primary colours, circles and sans-serif type. It was a fourteen-year experiment in how art, craft, technology and everyday life might be redesigned together.
- Founded
- Weimar, 1919, by Walter Gropius · Documented · Source not yet verified, Met
- Directors
- Gropius → Meyer → Mies van der Rohe · Our reading Research debt: transition years
- Closed
- 1933, under Nazi pressure · Documented · Source not yet verified, Met
- Confidence
- Very high for the record · low for any single “look”
How to read this page
What a figure is
Historical evidence · Sourced contemporary evidence · Aesthetary specimen · Aesthetary diagram · Aesthetary translation · Decorative. Only historical evidence supports a claim.
What a statement is
Documented (a source is attached; “Source not yet verified” where it is not yet verified) · Our reading (a conclusion drawn from the record) · Web translation (Aesthetary’s move to the web). Where Aesthetary set the tier, the strength reads “our ranking”.
What is still open
Research debt marks what the record does not yet establish. We show it rather than fill it.
01 — Learn · the outer course
Bauhaus ≠ the Bauhaus look.
The look is made of real pieces. It is not enough to define the school. · Our reading
The historical Bauhaus
- A school
- Staatliches Bauhaus, 1919–1933
- Three places, three directors
- Weimar · Dessau · Berlin
Gropius · Meyer · Mies van der Rohe Research debt: transition years - Workshops · Documented · Source not yet verified, Met
- metal · cabinetmaking · weaving · pottery · typography · wall painting
- Also practised · Our reading
- architecture · photography · theatre · painting · product and graphic design
- People
- Klee · Kandinsky · Albers · Moholy-Nagy · Bayer · Breuer · Stölzl · Schlemmer
- Ways of working
- experiment · education · craft · industry · competing ideas
The contemporary shorthand — each piece traced to its source
Red, yellow, blue
legitimate ties to parts of Bauhaus teaching and works · Our reading Research debt: which works, which teaching
Circle, triangle, square
geometry in teaching and work, e.g. Klee’s investigations of line and shape · Documented · Source not yet verified, Bauhaus-Archiv · Our reading
Bayer-derived geometric type
Bayer’s Universal, 1925, experimental lettering never cast in metal in its period · Documented · Source attached, MoMA / Letterform Archive
The asymmetric poster
Bayer, Poelzig lecture poster, 1926: grid, asymmetry, sans serif · Documented · Source attached, MoMA
Geometric organisation
Moholy-Nagy’s 1923 catalogue and “The New Typography” · Documented · Source attached, Letterform Archive
Real fragments.
Compressed into a look.
None of the shorthand is invented. When MoMA’s graphic design department designed its Bauhaus retrospective, it identified primary colours, Bayer-inspired typefaces and circles, squares and triangles as Bauhaus clichés. · Documented · Source not yet verified, MoMA
Don’t overcorrect
Real tendencies. None required.
The research finds strong Bauhaus tendencies and no visual feature present in everything the school made. How strongly each one signals Bauhaus is a different question from whether it is required. · Our reading
Necessary 0
None. No visual feature is necessary to every Bauhaus artefact.
Principles 6 Not visual signals · Untiered
- Interdisciplinary practice
- Experiment with material and form
- Art joined to making and design
- Education through foundation study and workshops · Met
- Growing engagement with technology and production · Met
- Attention to function and contemporary life
Strong · our ranking 9 Later associations; several are period- or medium-specific
- Functional design
- Economy of means
- Geometric organisation
- Industrial materials
- Modern production
- Clear visual communication
- Experimental photography
- Sans serif, in graphic work
- Asymmetric composition
Common · our ranking 9 In particular practices, not across the school
- Primary colours
- Circles, squares, triangles
- Grids
- Lowercase type
- Photomontage
- Tubular steel
- Flat roofs
- Glass
- Abstract geometry
Unreliable · our ranking 10 as universal rules
- Red + yellow + blue
- Futura
- All lowercase
- Circles + triangles + squares
- White architecture
- No ornament anywhere
- Strict grids everywhere
- Sans serif everywhere
- Minimalism
- Form follows function
Tier placement is our research brief’s classification · Our reading. Individual items carry their own claim basis in the record; items marked Met are Documented. “Common” and “Unreliable” can describe the same device: primary colours are common in some practices and unreliable as a rule for the whole school. · Our reading
Three Bauhauses.
Why these widths?
Each period is drawn from the record’s calendar years, 6 : 7 : 1. The record gives years, not dates, so the boundaries are approximate.
Why do they look different?
Each period’s treatment here is our exhibit design, not a period style. The record documents changes of place, leadership and orientation, not three visual substyles.
Timeline · Aesthetary diagram · Panel treatments · Decorative, art direction
1919–1925 · Walter Gropius, founding director
Weimar
Art + craft
Founded to reconnect disciplines that modern institutions had separated: painting, sculpture, architecture and craft. Students began with foundation study, then entered workshops. · Documented · Source not yet verified, Met
The turn starts here. By 1923 Gropius was increasingly emphasising design for mass production · Documented · Source not yet verified, Met, and the 1923 exhibition catalogue, with Moholy-Nagy’s “The New Typography”, was a Weimar publication · Documented · Source attached, Letterform Archive.
Decorative · art direction, not a Weimar palette
Historical evidence · catalogue reference
Paul Klee, Bauhaus-period work
Met: widely varied, including humour, grotesque fantasy and private investigations of colour and form. One teacher alone breaks the “one style” idea. · Documented · Source not yet verified, Met
Research debt: work not selectedThe period could be expressive and far stranger than today’s stereotype · Our reading
1925–1932 · directors in this period: not established in the record Research debt: transition years
Dessau
Design + industry
The school moved to Dessau in 1925. Documented · Source not yet verified, Met Its new building, designed by Gropius, embodied modern construction: steel frame, glass curtain walls, asymmetry and functional spatial organisation. · Documented · Source not yet verified, Met
Typography, photography, advertising, furniture and industrial production became increasingly important. Our reading Much of what people now recognise as “Bauhaus” becomes particularly visible here, which says more about later reception than about a house style. · Our reading
Historical evidence · catalogue reference
Bauhaus building, Dessau
Met · steel, curtain wall, asymmetry, functional organisation
Research debt: photograph and credit not selectedHistorical evidence · image slot, shown in Typography
Bayer, Poelzig poster, 1926
MoMA · grid, asymmetry, sans serif
Discipline · Documented · Source not yet verified, Met
Breuer, tubular steel
Research debt: object not selectedDiscipline · Our reading
Photography
Research debt: work and institution not selectedDecorative · art direction: the visible column grid is our device, not a Dessau rule
Berlin, 1932–1933: architecture and survival
Members then carried its ideas internationally. · Documented · Source not yet verified, Met / Bauhaus-Archiv
Berlin. Under Ludwig Mies van der Rohe, architecture became increasingly central · Our reading. Under worsening political pressure, the school ran as a reduced Berlin operation and closed in 1933 under Nazi pressure · Documented · Source not yet verified, Met. The vertical type is art direction; the same text is in the page as a horizontal heading and is set horizontally on mobile.
What changed, per the record: place, leadership, the balance of craft and industrial production, and which disciplines were emphasised. Not in the record: workshop-by-workshop changes by period Research debt: workshop-by-workshop changes by period
Directors: Walter Gropius, Hannes Meyer, Ludwig Mies van der Rohe. · Our reading Research debt: transition years
The workshops · middle ring
The workshop, not the style.
The disciplines belong together institutionally. Whether they share a look is exactly what this field tests. · Our reading
Press it. Seven different disciplines collapse into one sticker pack.
Typography · clarity · information · experiment
Communicatesbefore it decorates.
Aesthetary specimen · the line is our reading of Bauhaus typography
typography
Furniture · structure · material · production
Aesthetary diagram of “structure”. Not a Bauhaus object; makes no claim about how Bauhaus furniture was built.
furniture
Textiles · colour · pattern · material experiment
Decorative · art direction: generic warp × weft, not a Bauhaus textile
textiles
Architecture · space · function · construction
Aesthetary diagram of functional zoning. Generic, not the Dessau plan.
architecture
Photography · new viewpoints
Aesthetary diagram · viewpoint
photography
Theatre · body · geometry · movement · space
Aesthetary diagram · body axes in a stage volume
theatre
Painting · colour · form · abstraction · individual investigation
Historical evidence · catalogue reference
Paul Klee, Bauhaus years · Met
Only real work can show individual investigation. No diagram stands in.
Research debt: work not selectedpainting
1/7
Seven disciplines. One sticker pack. That is what the shorthand does.
Aesthetary specimen · role: stereotype
These seven follow our research brief’s list. Photography and theatre are disciplines the school practised; the Met’s documented workshops also include metal, pottery and wall painting (see the hero field).
Bauhaus ≠ one font.
And not “no tendencies” either. Clarity is documented; sans serif in graphic work is a strong signal. No one typeface defines the school. · Our reading
Why is this page set in Archivo and IBM Plex Mono?
They are Aesthetary’s choice for this exhibit, not Bauhaus typefaces. Their changing width by period is art direction too.
Bauhaus typography stressed visual clarity, and its promotional materials used sans-serif type and photography as important graphic elements. · Documented · Source not yet verified, Met
Moholy-Nagy's 1923 programme put clarity and legibility of the message first, above any prior aesthetic. · Documented · Source attached The same text makes the form of the printed page follow its content, and admits all typefaces, type sizes, geometric forms and colours as means. · Documented · Source attached
Historical evidence · catalogue reference
Moholy-Nagy · 1923 exhibition catalogue · page design and “The New Typography”
Historical evidence · priority image slot
Bayer · Universal lettering · 1925
MoMA / Letterform Archive
Historical evidence · priority image slot
Bayer · poster for a Hans Poelzig lecture · 1926
What people sayWhat the record shows
Clear, and still experimental: compare the 1923 catalogue and the 1926 poster. Functional does not mean timid; the Function section makes the general case.
Colour as study.
There is no canonical Bauhaus palette. Klee, Kandinsky, Albers, the textile and wall-painting workshops and the stage worked with colour in different ways. · Our reading Research debt: sources per teacher and workshop
Aesthetary diagrams of general colour concepts. Not reproductions of Bauhaus studies or exercises.
Aesthetary specimen · role: stereotype
Historically real
Legitimate relationships to parts of Bauhaus teaching and works. One strand among several. · Our reading
Research debt: which works, which teachingA later cultural shorthand
Useful for recognising one strand of modernist geometry. Not a rule, not a palette. · Our reading
Research debt: when the shorthand formedRed + yellow + blue ≠ Bauhaus.
Real. Not sufficient. A red, yellow and blue composition can be authentically Bauhaus-related and still tell you almost nothing about the school.
Geometry is a tool. Not a sticker pack.
The shapes are real: circles, squares and triangles are common in particular Bauhaus practices, and Klee’s teaching investigated line, shape, surface, colour and space · Documented · Source not yet verified, Bauhaus-Archiv. The lesson we draw: use geometry structurally, not decoratively by default · Web translation.
Geometric shapes and lines were teaching material, as in Klee's Pedagogical Sketchbook. · Documented · Source attached
Start here: the familiar shapes, placed only because they look Bauhaus.
Aesthetary diagrams of structural ideas · not Bauhaus exercises
Asymmetry can create order.
Why is this section off-centre?
Its axis sits at five-twelfths. Everything below hangs from that line. It is our layout, not a Bauhaus measurement.
Historical evidence · priority image slot (same asset as Typography)
Bayer · poster for a Hans Poelzig lecture · 1926
MoMA . The grid and axis overlay is drawn on the licensed image, never on a redraw. Overlay = aesthetary diagram.
- AsymmetryBalance without a central axis.Documented · MoMA, Letterform Archive
- GridAn underlying structure for placing information.Documented · MoMA
- ScaleLarge differences in size rank information.Our reading
- AlignmentShared edges tie separate elements together.Our reading
- DirectionThe eye is led along a path, not around a centre.Our reading
- Type + imageOne composition, not two blocks side by side.Documented · Met
- Negative spaceEmpty areas doing structural work.Our reading
MoMA identifies the poster’s underlying grid and asymmetric composition as what made its information more rational. Don’t recreate the poster. Borrow the reasoning. · Documented · Source attached, MoMA
Scale, as it was taught: Change of size and its effect was a set exercise in Joost Schmidt's advertising class around 1930. · Documented · Source attached
The darkroom · a different material, so a different page (decorative, art direction)
The camera became a design instrument.
Moholy-Nagy promoted what became associated with New Vision photography: experiment with viewpoint, light, photograms and the camera’s technical possibilities. · Our reading
Directly documented so far: MoMA notes that Bayer worked in an environment shaped by Moholy-Nagy’s advocacy of New Vision photography. · Documented · Source not yet verified, MoMA
Research debt: a direct source for photograms and viewpointevidence
composition
abstraction
communication
collage
experiment
What a photograph could become · Our reading
Viewpoint
Photogram logic
Crop
The crop shows the centre of the field.
Photogram
Moholy-Nagy
Discipline · Our reading
Research debt: work and institution not selectedStart with what the thing is made of.
Material experiment was part of Bauhaus education and production: Breuer’s tubular-steel furniture; Gunta Stölzl’s textile workshop testing cellophane, fibreglass and metal. · Documented · Source not yet verified, Met Making material the starting point is our reading. · Our reading
Material, as it was taught
In the preliminary course, Itten's teaching centred on individual sensitivity to material, texture, colour and natural form, and students did experiments with colour, form and material. · Documented · Source attached
The Bauhaus-Archiv says the preliminary-course lessons it describes centred on the study of different materials and their properties; the Getty says Albers's matter exercises focused on surface structure, facture and texture. · Documented · Source attached
Albers's exercises included making one material imitate another's surface, e.g. paper made to look like velvet. · Documented · Source attached
Aesthetary specimens, drawn in CSS. Not Bauhaus objects and not photographs. Each is a swappable image slot for later contemporary material photography (sourced contemporary evidence or specimen, never historical evidence).
The web’s materials are: · Web translation
- Typelive text, reflows
- Imagecrop, ratio, weight
- Viewportthe sheet changes size
- Interactionstates, feedback
- Timesequence, duration
- Datacontent changes
- Codethe production process
Understand the medium before decorating it. On a website, the material is not steel. It is type, image, viewport, interaction, time, data and code. · Web translation
Useful does not mean boring.
The school became increasingly concerned with functional design, modern production and clear visual communication · Our reading Research debt: a direct source for this sentence. That did not erase artistic experiment · Our reading. Klee’s Bauhaus work included humour and grotesque fantasy · Documented · Source not yet verified, Met.
Already on this page: Klee, Stölzl and Breuer in the workshop field; the stage in the theatre diagram. Not repeated here.
Unreliable as descriptions of Bauhaus
Function over form · Form follows function · No ornament anywhere · Function = plainness
Our research brief’s own list · Our reading
Why is this here?
Many answers are good: communication, use, production, experiment, expression, play, material investigation, spatial organisation. One answer is not: “because it looks Bauhaus.” · Web translation
Red circle in the corner
Why is it here?
The shorthand has circles, and the corner was empty.
Which kind of answer is that?
“It looks Bauhaus.” The one answer that does not count.
So
Give it a reason (to mark, measure, test or play) or take it out.
Web translation · Aesthetary’s design question, not Bauhaus doctrine
Neighbours · the ones people confuse it with
Swiss is not cleaner Bauhaus.
Bauhaus
1919–1933 · a German school · multidisciplinary · art, craft, technology and education · many workshops · competing visual approaches · experimental
Swiss / International Typographic Style
Developed later · a graphic-design system · strong emphasis on grid and typography · systematic information · greater stylistic consistency
Both columns and the lineage statement are our reading of the Bauhaus research · Our reading. The research says Bauhaus and broader modernist experiments contributed to the environment Swiss grew from. · Our reading Research debt: direct source for the lineage
Bauhaus is not colourful Swiss.
A parallel worth knowing: Swiss has its own stereotype too. Its record withdraws “red, black and white” and “requires Helvetica”. · Our reading Cross-record: Swiss Style
≠ De Stijl
Both used abstraction and geometry and both influenced modern design. They were separate movements with separate histories and theories. A Mondrian-style red, yellow and blue rectangular composition is not by itself evidence of Bauhaus. · Our reading
Drawn from the Bauhaus research only. Aesthetary has no De Stijl record yet, so this is not a two-sided comparison.
Research debt: De Stijl record≠ Art Deco
Overlapping years, often divergent philosophies. Deco embraced luxury, stylisation and decorative surface in ways much Bauhaus design increasingly set aside in favour of material logic and production. More complex than ornament versus no ornament. · Our reading
Cross-record: check against the Art Deco record
≠ Minimalism
Bauhaus influenced later modernist reduction. Its own output could be dense, colourful, expressive and experimental. Wrong category. · Our reading
Bauhaus is not
An index. Each line links to where the page argues it.
02 — Build · the record first, then our translations
The record’s twelve areas.
Core is not Necessary. An area can be central to how Bauhaus worked, and still have no single rule every Bauhaus artefact obeys. Posture says how the area behaves; signal strength says how strongly one feature points to Bauhaus. They are separate readings.
- Posture
- Core · Specified · Supporting · Specified · Left open · Not researched yet · Does not apply · Ruled out
- Signal
- Necessary · Strong · Common · Optional · Unreliable · Untiered. Where Aesthetary set the tier, the strength reads “our ranking”.
- Claim basis
- Documented · Our reading · Web translation
- Nothing here is
- Necessary. That is a finding, not a gap.
Layout Core · Specified
| Rule | Signal | Basis |
|---|---|---|
| Asymmetric organisation | Strong · our ranking | Documented · Source attached · MoMA, Letterform Archive |
| Underlying grid, in graphic work | Strong · our ranking | Documented · Source attached · MoMA |
| Large differences of scale | Untiered | Our reading |
| Strict grids everywhere | Unreliable · our ranking | Our reading |
Qualification: Evidence is graphic and typographic (1923 catalogue, 1926 poster).
Research debt: layout in non-graphic media
Aesthetary translation (separate):
Asymmetric web grid around a visible axis; no column count, module or measure claimed as Bauhaus.
Web translation
Typography Core · Specified
| Rule | Signal | Basis |
|---|---|---|
| Clarity; type communicates first | Strong · our ranking | Documented · Source not yet verified · Met |
| Sans serif in graphic work | Strong · our ranking | Documented · Source not yet verified / Documented · Source attached · Met, Letterform Archive, MoMA |
| Asymmetric setting | Strong · our ranking | Documented · Source attached · Letterform Archive |
| Lowercase (Bayer's proposal) | Common · our ranking | Documented · Source attached · MoMA |
| Futura; all lowercase; sans everywhere | Unreliable · our ranking | Our reading |
| A specific typeface | No signal value in the record | Our reading · Not researched yet |
Research debt: examples of non-sans Bauhaus printing Research debt: confirm capitals against the licensed image
Aesthetary translation (separate):
Rank by weight, position and scale; keep text live and legible. Any grotesque may stand in; none is 'the Bauhaus font'.
Web translation
Colour Not specified by the sourcefreedom asserted by the record
| Rule | Signal | Basis |
|---|---|---|
| No canonical palette; hue is free | No signal value in the record | Our reading / Documented · Source not yet verified · MoMA |
| Primary red, yellow, blue | Common · our ranking | Our reading |
| Red + yellow + blue as the rule | Unreliable · our ranking | Our reading |
Qualification: Primaries: particular practices.
Research debt: which works, which teaching Research debt: sources per teacher and workshop
Aesthetary translation (separate):
Use colour for a stated job. Contrast ≥ 4.5:1 is modern practice, not Bauhaus.
Web translation
Imagery Supporting · Specified
| Rule | Signal | Basis |
|---|---|---|
| Photography integrated with type | Strong · our ranking | Documented · Source not yet verified · Met |
| Experimental photography: viewpoint, light, photograms | Strong · our ranking | Our reading |
| Photomontage | Common · our ranking | Our reading |
Research debt: work and institution not selected Research debt: a direct source for photograms and viewpoint
Aesthetary translation (separate):
Image and type composed on shared edges and axes; crop as a decision.
Web translation
Surface Specified
| Rule | Signal | Basis |
|---|---|---|
| No ornament anywhere | Unreliable · our ranking | Our reading |
| In the preliminary course, Itten's teaching centred on individual sensitivity to material, texture, colour and natural form, and students did experiments with colour, form and material. | No signal value in the record | Documented · Source attached |
| The Bauhaus-Archiv says the preliminary-course lessons it describes centred on the study of different materials and their properties; the Getty says Albers's matter exercises focused on surface structure, facture and texture. | No signal value in the record | Documented · Source attached |
| Albers's exercises included making one material imitate another's surface, e.g. paper made to look like velvet. | No signal value in the record | Documented · Source attached |
Research debt: nothing recorded about surface
Aesthetary translation (separate):
No surface treatment is exported or claimed as Bauhaus.
Interface Not specified by the source
Bauhaus predates interactive media. There are no canonical Bauhaus buttons, menus, forms or states.
Aesthetary translation (separate):
Components derived from principles: button, navigation, content module, form, image module.
Web translation
Motion Not specified by the sourcefor the web
| Rule | Signal | Basis |
|---|---|---|
| The stage: body, space, geometry, costume, movement, light | Untiered | Our reading |
Qualification: For the web. Stage work is a historical discipline, not a web motion system.
Research debt: Schlemmer source and work
Aesthetary translation (separate):
Movement reveals structure along axes, between states that make sense at rest. No timing exported.
Web translation
Motif Specified
| Rule | Signal | Basis |
|---|---|---|
| Circles, squares, triangles; abstract geometry | Common · our ranking | Our reading |
| Circles + triangles + squares as a signature | Unreliable · our ranking | Our reading |
| A specific colour–form pairing is documented as Kandinsky's hypothesis: yellow triangle, red square, blue circle. He tested it with a 1923 questionnaire in the Weimar wall-painting workshop. | No signal value in the record | Documented · Source attached |
| Geometric shapes and lines were teaching material, as in Klee's Pedagogical Sketchbook. | No signal value in the record | Documented · Source attached |
Research debt: whether a colour–form pairing is documented
Aesthetary translation (separate):
Use geometry structurally, not decoratively by default.
Web translation
Technique Core · Specified
| Rule | Signal | Basis |
|---|---|---|
| Craft workshops as the basis of teaching | Untiered | Documented · Source not yet verified · Met |
| Design for mass production, from 1923 | Strong · our ranking | Documented · Source not yet verified · Met |
| Design appropriate to production technology | Untiered | Our reading |
Research debt: specific print and photographic processes
Aesthetary translation (separate):
Design for how the web is made: live text, responsive layout, code.
Web translation
Form Core · Specified
| Rule | Signal | Basis |
|---|---|---|
| Steel frame, glass curtain wall, functional spatial organisation | Strong · our ranking | Documented · Source not yet verified · Met |
| Industrial materials; tubular steel | Strong · our ranking · Industrial materialsCommon · our ranking · Tubular steel, a particular practice (Breuer) | Documented · Source not yet verified · Met |
| Flat roofs; white architecture; minimalism as rules | Unreliable · our ranking | Our reading |
Qualification: Native three-dimensional media. A web page borrows principles only.
Aesthetary translation (separate):
No form rules are translated to the screen.
Hierarchy Specified
| Finding | Signal | Kind |
|---|---|---|
| Moholy-Nagy's 1923 programme put clarity and legibility of the message first, above any prior aesthetic. | No signal value in the record | Documented · Source attached |
| The same text makes the form of the printed page follow its content, and admits all typefaces, type sizes, geometric forms and colours as means. | No signal value in the record | Documented · Source attached |
| Change of size and its effect was a set exercise in Joost Schmidt's advertising class around 1930. | No signal value in the record | Documented · Source attached |
Aesthetary translation (separate):
No translation.
Density Not researched yet
Not researched yet is not permission and not prohibition.
Aesthetary translation (separate):
No translation.
Moving it to screen
Survives: communication before decoration · structure · material awareness · asymmetric organisation · image and type composed together · experiment · design fitted to how it is produced.
Does not survive: particular objects and their materials · three-dimensional form · period printing and craft processes.
Web translation
Accessibility
Preserve experiment visually; preserve meaning semantically. Logical reading order, keyboard access, legible text, contrast, clear controls, reduced-motion alternatives.
Our translation principle · modern practice, not a Bauhaus rule · Web translation
02 — Build · translations
If Bauhaus principles met the web.
Button
Web translation specimen- default
- hover · extends
- focus
- pressed · inverts
- disabled
From: Technique, design fitted to its production (the hit area sets the shape) · Typography, clarity. States differ by shape and fill, never colour alone (modern practice).
Navigation
Web translation specimen- Courses01
- Workshops02
- Archive03
From: Typography, clarity. Rank by order and weight; the current item is marked by a bar and weight, readable without colour.
Content module
Web translation specimenEvent
14.11
Evening lecture, Room 2
Weaving: new work
photo leads, text follows
From: Layout, structure before decoration (a principle from our reading). Two modules, two shapes, because a date and a photograph are different material.
Form
Web translation specimen1 · You
NameJordan Ruiz
Emailjordan@An email address needs a domain after the @.
From: Typography, clarity. Labels above, grouped by number, errors in words with a heavier border, not colour alone.
Image module
Web translation specimenimage slot · cropped to the subject
Material
and Space.
The headline overlaps the image edge on a shared axis.
From: Imagery, photography integrated with type (Documented, Source not yet verified · Met). Overlap never covers the subject; text stays on a solid ground for contrast.
Build with it
A starting grammar for a website that takes the Bauhaus's questions rather than its shorthand: clarity first, asymmetry on an underlying grid, image and type composed together, and no palette or typeface that pretends to be the school's.
Web translation marks our choices for the screen. Not specified by the source marks what the sources leave open. Everything else is a rule from the record below.
The same system is in the brief (Build → Brief) and in the structured data.
Colour
- ground
#ECE6DA - ink
#1A1916 - ink-2
#4A4740 - accent
#2E5E4E
Hue is free. These are ours.
The rules behind it
- Our readingThere is no canonical Bauhaus palette; hue is free. From our reading (colour)
- Not specified by the sourceRed, yellow and blue are not the rule. Use primaries only when the work has a reason for them. Kandinsky's yellow triangle, red square and blue circle was one master's hypothesis, not a school rule. From our reading (colour), a documented finding (motif)
- Web translationChoose one accent and keep text in ink. Hue is free; clarity of the message comes first. From our reading (colour), a documented finding (hierarchy)
Type
Clarity first.
Form follows the content of the page; any face, size or colour is a means.
Archivo and IBM Plex Mono: the room's choice, not a Bauhaus face.
The rules behind it
- DocumentedPut the clarity and legibility of the message first. From a documented finding (hierarchy)
- DocumentedLet the page's form follow its content; any typeface, size, geometric form or colour is admissible as a means. From a documented finding (hierarchy)
- DocumentedSans serif is a strong tendency in graphic work. From a documented finding (typography)
- Not specified by the sourceThe sources name no Bauhaus typeface, and all-lowercase is not a rule. Choose a legible sans for the job; do not reach for Futura or a face named Bauhaus. From our reading (typography)
- Web translationUse Archivo for display and text, IBM Plex Mono for labels. The room's faces: a plain sans whose widths can carry scale, and a mono for the working notes. From a documented finding (typography)
Layout
Twelve columns; the composition hangs from five-twelfths.
The rules behind it
- DocumentedOrganise asymmetrically. From a documented finding (layout)
- DocumentedWork over an underlying grid in graphic work. From a documented finding (layout)
- Our readingRank information by large differences of scale. From our reading (layout)
- Not specified by the sourceStrict grids everywhere are not a Bauhaus rule. Use the grid as structure, and break it where the content asks. From our reading (layout)
- Web translationHang each section from an axis at five-twelfths. Asymmetry over an underlying grid; which fraction is ours. From a documented finding (layout)
Shape
Geometry that produces the layout.
The rules behind it
- Web translationUse geometry structurally, not as decoration by default. The record states it as our reading of Bauhaus practice, applied to the screen. From a web translation
- Not specified by the sourceCircles, squares and triangles are not a signature. Draw a shape only when it marks, measures, tests or plays. From our reading (motif)
- Web translationKeep corners square and rules straight. Geometry that produces the layout, not a sticker on it. From a web translation
Imagery
The rules behind it
- DocumentedCompose photography together with type. From a documented finding (imagery)
- Our readingTreat the camera as an instrument: viewpoint, light, photograms. From our reading (imagery)
- Not specified by the sourcePhotomontage is not established as a Bauhaus rule. Use it where the work needs it; do not use it as a signal. From our reading (imagery)
- Web translationCrop an image to what it shows. New viewpoints and cropping are the camera used as a design instrument. From our reading (imagery)
Components
The sources do not specify interface conventions for Bauhaus. These four are contemporary translations of its visual rules.
The rules behind it
- Web translationMake the button a plain block and let size, not decoration, say how much it matters. Clarity first and ranking by scale are the record's; a button is the smallest place to apply them. From a documented finding (typography), our reading (layout)
- Web translationGive the button a reason to be there beyond looking Bauhaus. The record's question for every element is why it is there. From a web translation
- Web translationCompose image and type as one unit on a shared edge. Photography integrated with type is a documented tendency of Bauhaus graphic work. From a documented finding (imagery), a documented finding (layout)
- Web translationRule the field plainly and label it above. The record puts legibility of the message before any prior aesthetic. From a documented finding (hierarchy)
- Web translationHang the navigation from the same off-centre axis as the page. Asymmetric organisation is documented in Bauhaus graphic work. From a documented finding (layout)
Motion
Still by default. A panel may open along the grid, linearly.
The rules behind it
- Not specified by the sourceThe Bauhaus stage is not a web motion system. Move only to show structure (a panel opening along the grid); otherwise stay still. From our reading (motion)
- Web translationAnimate only along the grid, linearly. Movement should expose the system, the page's reading of the stage's body, space and geometry. From our reading (motion)
Material first
- type
- image
- viewport
- interaction
- time
- data
- code
The web's materials, studied before they are decorated.
The rules behind it
- DocumentedStart from the study of materials and their properties. From a documented finding (surface)
- DocumentedTest what one material can do by making it imitate another's surface. From a documented finding (surface)
- Web translationTreat the web's own materials as the starting point. Material study was taught first; on a website the material is not steel. From a web translation, a documented finding (surface)
Movement should expose the system.
The source is the Bauhaus stage, not hover effects. Stage work explored body, space, geometry, costume, movement and light · Our reading Research debt: Schlemmer source and work. That makes movement relevant to the Bauhaus project. It does not give us a canonical web animation system.
stage · the axis appears as the plane travels it
Web translation specimen
- path
- Along a drawn compositional axis.
- reveal
- Construction lines draw as elements move.
- transform
- Between states that each make sense standing still.
- timing
- This exhibit uses 600ms, cubic-bezier(.6,0,.2,1). A page value: the data export may list it as implementation data, never as a Bauhaus rule.
- avoid
- Coloured circles bouncing because they “look Bauhaus”.
- reduced motion
- Final state with its axis drawn; the button steps between states instantly.
Counterexample · one brief, questioned, answered twice
Counterexample
Brief: announce an evening lecture, “Material and Space”, Thursday 14 November, 19:00, Room 2. All posters are Aesthetary specimens, not historical works.
Poster 01: a red circle, a yellow triangle and a blue square above small lowercase text: Material and Space. Evening lecture, Thursday 14 November, 19:00, Room 2.
01 · Looks Bauhaus.
Recognisable. Every choice came from the shorthand. · role: stereotype
02 · But what problem is it solving?
- Why red? — because the shorthand is red
- Why a triangle? — the same
- Why blue? — the same
- Why this face? — it looks geometric
- The date and room are the smallest thing here.
Evening lectureMaterial and SpaceThursday 14 November19:00Room 2
03 · Remove what only imitates.
The shapes go. Not because shapes are forbidden, but because nothing here chose them for a reason. They may come back with one.
Same brief. Same questions. Two valid answers.
Neither is “the Bauhaus solution”. Both are Aesthetary translations. Questioning does not converge on one look. · Web translation
image slot: the material discussed
04A · Answered for communication.
| Choice | Reason | Basis |
|---|---|---|
| Date largest | It is what a passer-by needs first. | Web translation |
| One axis | Joins image to title; asymmetric order. | Our reading · MoMA |
| Photograph | Shows the material being discussed. | Our reading · Met |
| Circle as clock | The circle returns with a meaning. Our idea; no historical warrant. | Web translation |
| One colour | Marks the time. Chosen for a job. | Web translation |
Poster 04B, plain text: Material and Space. Evening lecture, Thursday 14 November, 19:00, Room 2.
04B · Answered for experiment.
| Choice | Reason | Basis |
|---|---|---|
| Two widths | Condensed “material”, spread “space”: the type acts out the title. | Web translation |
| Cropped word | Tests how far type can be pushed and still read. | Web translation |
| Rising line | A path from the title’s ground to the time and room. | Web translation |
| All facts present | Slower to read than A, still answers the brief. | Web translation |
| Why it counts | Bauhaus work could be expressive and experimental. | Our reading · Met (Klee) |
Desktop shows every pass, with the current one lit.
Less Bauhaus-y.
More Bauhaus.
Our reading of the research, not a Bauhaus statement · Our reading
Don’t copy
the shapes.Copy the
questioning.
The Bauhaus was not a formula. Its designers reconsidered how art, materials, technology, production and everyday life could work together. · Our reading Before you place a shape, a colour, a typeface or a movement on your next page, ask why it is there. Communication, use, experiment and expression are all answers. “It looks Bauhaus” is not.
Web translation · advice to contemporary designers
03 Sources
Research: Partly sourced. 26 sources attached.
- Claims
- 132
- Documented
- 51
- Our reading
- 66
- Web translation
- 15
- Found in research
- 16
- Images on record
- 0
- Research debt
- 29
Every number is computed from the claim and source records. None is typed by hand. Zero images counts as research debt, not completeness.
Met · The Bauhaus, 1919–1933
Chronology, workshops, leadership, the 1923 production turn, the Dessau building, material experiment, closure, international influence.
MoMA · Bauhaus: The Graphic Design Department Goes Back to School
The museum’s own identification of Bauhaus clichés.
MoMA · Herbert Bayer, poster for a Hans Poelzig lecture, 1926
Grid, asymmetry, sans serif, clarity; capitals. Bayer’s roles; Moholy-Nagy’s New Vision advocacy. Object number 108.1968. Accessed 2026-09-26. © Artists Rights Society (ARS), New York / VG Bild-Kunst, Bonn.
Letterform Archive · The Bauhaus's First Book
The 1923 catalogue, Moholy-Nagy, The New Typography; Universal never cast in metal. Accessed 2026-09-26.
Bauhaus-Archiv · Paul Klee's pedagogical work
Klee’s pedagogical investigations.
Bauhaus-Archiv · After 1933
Closure and continuation.
Letterform Archive · Herbert Bayer, original lettering for Universal Type, 1925
The object the Universal image slot names. Accessed 2026-09-26.
Getty · Bauhaus: Building the New Artist — Principles and Curriculum
The curriculum diagram this page’s rings are drawn after. Accessed 2026-09-26.
The Bauhaus, 1919–1933 (Heilbrunn Timeline of Art History)
Found in research · supports 2 claims.
Ein Ausblick auf die neue Präsentation unserer Sammlung
Found in research · supports 1 claim.
Found in research · supports 1 claim.
Kandinsky’s Bauhaus Questionnaire (article abstract)
Found in research · supports 1 claim.
Bauhaus: The Importance of Shapes
Found in research · supports 1 claim.
Principles and Curriculum (Bauhaus: Building the New Artist)
Found in research · supports 2 claims.
Bauhausbücher 2 – Paul Klee: Pedagogical Sketchbook
Found in research · supports 2 claims.
The Bauhaus in Exile: What Happened After its Closure in 1933
Found in research · supports 1 claim.
Our history (Part 1): How the memory of the Bauhaus was rescued from oblivion
Found in research · supports 1 claim.
Found in research · supports 1 claim.
Preliminary Course, Workshops and Bauhaus Diploma: What Made Training at the Bauhaus So Special?
Found in research · supports 2 claims.
The New Typography (László Moholy-Nagy, 1923; reprinted text)
Found in research · supports 2 claims.
Printing and advertising workshop
Found in research · supports 1 claim.
Found in research · supports 2 claims.
Herbert Bayer | Object:Photo | MoMA (artist text; Wayback snapshot 2015-05-09, live page 403)
Found in research · supports 2 claims.
After 1933 - Bauhaus-Archiv (former bauhaus.de page; Wayback snapshot 2016-04-04)
Found in research · supports 1 claim.
Found in research · supports 1 claim.
Learning with Itten (Bauhaus: Building the New Artist)
Found in research · supports 1 claim.
Learning with Albers (Bauhaus: Building the New Artist)
Found in research · supports 2 claims.
Cross-record dependencies
Swiss Style: dates, and the difference between the two · Art Deco: boundary wording · De Stijl: no record yet. Research debt: De Stijl record
Where this page makes its own choices
Archivo and IBM Plex Mono · paper ground and verdigris · per-period panel treatments and type widths · 6 : 7 : 1 widths · curriculum-ring architecture · the clock circle and resolution B · 600ms motion. Decorative (art direction) or Web translation. None of it is exported as Bauhaus.
Everything still open (29)
- Director transition years (Gropius → Meyer → Mies).
- Which workshops existed, changed or closed in each period.
- A direct source for “increasingly concerned with functional design, modern production and clear visual communication”.
- Which works and which teaching tie red, yellow and blue to the Bauhaus.
- Whether a specific colour–form pairing is documented.
- When and how the combined shorthand formed.
- Sources for each teacher’s and workshop’s colour practice.
- Confirm the capitals directly from the licensed image of the Poelzig poster. What would settle it: The licensed image itself. (MoMA’s collection text already states “the exclusive use of uppercase letters”; the item stays open until the image is in hand.)
- Examples of non-sans Bauhaus printed matter.
- A direct source for New Vision practice (photograms, viewpoint).
- Named photographic works, including a specific Moholy-Nagy photogram and its holding institution.
- A source and a specific work for Schlemmer and the stage.
- Specific print and photographic processes.
- Painting — a specific Klee work (Met).
- Weaving — a specific Stölzl textile (Met).
- Cabinetmaking — a specific Breuer tubular-steel object (Met).
- Metal workshop — an artefact.
- Pottery workshop — an artefact.
- Wall-painting workshop — an artefact.
- Photograph of the Dessau building, with photographer credit.
- Licence for the Poelzig poster image. What would settle it: A reproduction licence: MoMA’s record lists © Artists Rights Society (ARS), New York / VG Bild-Kunst, Bonn (MoMA object 108.1968).
- Licence for the Universal image. What would settle it: A reproduction licence for the Letterform Archive object (Bayer, original lettering for Universal Type, 1925).
- Layout principles in non-graphic media.
- Anything at all about surface: finish, texture, elevation.
- A direct source for the Bauhaus → Swiss lineage.
- Aesthetary has no De Stijl record; the boundary stays one-sided.
- When did the Bauhaus move to Berlin: 1930 or 1932? What would settle it: The Met essay says 1930; the Bauhaus-Archiv says October 1932. The Archiv is the specialist source and agrees with h-periods, but the conflict is recorded.
- Density in Bauhaus work. What would settle it: No source found.
- Image licences for the Poelzig poster and Universal lettering. What would settle it: Research only identified the rights holders (ARS/VG Bild-Kunst; reproduction via Art Resource/Scala for MoMA). Getting a licence is a permissions task, not a research finding.
The record, claim by claim · The record as data · Put it on the Mix bench · Suggest a correction · request deeper research
Contribute
Contributing and commenting need JavaScript. Nothing else on this page does.
Work made in this style: a poster, a page, a type setting. Every submission is reviewed before it appears.
Nothing here yet.
Comments
No comments yet.