bauhaus-designlisted

# Bauhaus & Swiss International Typographic Style This skill produces frontends, posters, dashboards, and web interfaces following the design principles of Bauhaus (1919–1933) and the Swiss International Typographic Style (1950s–). Read this file fully before writing any code. ## Core Philosophy "Form follows function" is the surface reading. The deeper principle: **every visual element must justify its existence through communication, not decoration.** If it doesn't clarify, it's noise. The Swiss/Bauhaus tradition treats the designer as an engineer of visual information — not an artist expressing themselves, but a systems thinker organizing content for maximum clarity and impact. ## The Five Pillars ### 1. The Grid Is the Architecture The grid is not optional — it is the structural skeleton of the entire composition. - Use a **mathematical grid** as the foundation. Common: 12-column, but 3-, 4-, 6-column grids are equally valid depending on content density. - All elements — text blocks, images, shapes, whitespace — must **snap to grid intersections or grid lines**. - **Margins and gutters are sacred.** Consistent outer margins (typically generous) and column gutters create rhythm. - The grid should be **felt, not seen.** The viewer perceives order without consciously noticing the underlying structure. - Müller-Brockmann's approach: divide the page into modules (rectangular units), then assign content to groups of modules. This creates proportional relationships acro