Swiss Design System A design system rooted in the Swiss International Style of the 1950s–60s: grotesque typography, rigorous grid, bold geometric forms, generous whitespace, and restrained color. Six Principles 1. Grid first. Every layout lives on a 12-column grid with an 8px base unit. 2. Mobile first, always. Design for the smallest viewport first, then expand. Every layout must work at 320px and at 1440px. Use , , Tailwind prefixes systematically. 3. Whitespace is structure. Generous padding and margins are not waste — they are the design. 4. Opacity, not hue, creates hierarchy. Never intr…