Bauhaus
I want a geometric page—circles, squares, triangles—and every shape has to do a job, not just some color blocks.
Scroll sideways to explore the full example
Shape is structure
Every geometric form has one job.
Book a visit →You can say this to an AI Agent
Take the exhibition home page in a Bauhaus direction: use circles, squares, and triangles to organize the hero and content sections, give every shape a job, and reserve primary colors for marking those functional relationships instead of filling decorative blocks. Afterwards explain what each shape is responsible for, then check the reading order at phone width.
- Compose with basic shapes: circles, squares, triangles
- Give every shape a job: dividing, pointing, emphasizing
- Reserve primary colors for functional relationships
- Set headlines in plain, bold sans-serif type
- Keep asymmetric layouts visually balanced
Swiss Style communicates through a strict text grid and objective typography; in Bauhaus, geometry itself is the structure that organizes the page.
Neo-Brutalism uses heavy borders, hard shadows, and raw default controls for confrontation; Bauhaus composition serves function and balance instead.
When to use it
- Museum, exhibition, and cultural institution sitesDesign Archive ShowJun 12 – Sep 30
- Brand launches that build recognition through geometryNew brand launch
- Design courses and workshops that emphasize structureWeek 1: Circles and BalanceWeek 2: Squares and Sections
- Cultural events that need a poster-like heroA Night of GeometryAn event page with a poster-like hero
When NOT to use it
- Spreading red-yellow-blue blocks while the content structure stays the same
- Adding shapes that relate to nothing on the page
- Layering shapes until headlines and body text become hard to readAn unreadable headline
- Setting long paragraphs in heavy geometric display typeBody copy in heavy display type tires after two lines
Walter Gropius founded the Bauhaus in Weimar, aiming to reunite art, craft, and technology in design.
Basic geometry, primary colors, and functionalism took shape across the school's courses and exhibitions.
The school closed under political pressure; its teachers and students carried its methods into modern design education worldwide.
Bauhaus exhibition homepage, basic circles squares and triangles organizing the hero and content sections, each shape serving a clear function, primary colors only marking functional relationships, bold sans-serif headlines, readable body text, asymmetric but balanced composition
Scroll sideways to explore the full example
Scroll sideways to explore the full example
Scroll sideways to explore the full example
Scroll sideways to explore the full example
Select page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗