02 / 15

Swiss Minimal

Strict grid, huge tight headlines, black on white with one red signal. Confident and rational.

  • Architects
  • Consultancies
  • Agencies
Full preview (opens in a new tab)

Sample businesses are fictional.

AI prompt

Restyle my page in a Swiss (International Typographic) style: rational, confident, built on a strict grid. Palette: pure white #FFFFFF background, #F4F4F4 for quiet panels, text #111111, secondary #6E6E6E, a single signal red #E2231A used for one small square mark, numbers and the main button. Type: Inter Tight everywhere. Headlines bold 700, very large (up to 96px on desktop), letter-spacing -0.045em, line-height 0.95, left-aligned and never centred. Body 15px regular. Labels and numbers in tabular figures. For Chinese text pair the headlines with Noto Sans SC (700) and the body with Noto Sans SC, and never italicise or tighten Chinese. Layout: a visible 12-column grid with flush-left alignment, asymmetric columns (hero text spans 8 columns), large numbered sections (01, 02, 03), 1–2px black rules above every block instead of boxes or cards. The hero image is a geometric poster in the Müller-Brockmann tradition: one large red circle overlapping a black vertical bar, cut by a heavy horizontal rule. Card numbers are huge and red (56px). Components: zero border radius, no shadows, no gradients. Buttons are solid black rectangles that turn red on hover; secondary actions are text links with an underline. Cards are just a top rule, a number, a title and text. Motion: functional only. Numbers count up, underlines slide in, 200ms linear-ish easing. Avoid: rounded corners, decorative illustrations, centred text, more than one accent colour.

Suggest an idea

Seen a motion or a theme you would like to find here? Describe it, and it opens as a prefilled GitHub issue for you to post.

What are you suggesting?

Needs a GitHub account. Suggestions are public.