A
ARTIFX
GridTypographyHelveticaRational1950s–Present#25 · Minimal

Swiss Design

International Typographic Style — pure grid, Helvetica, and the discipline of removing everything that doesn't serve communication.

Pioneered by: Josef Müller-Brockmann

Swiss Design style preview
Sample PreviewSwiss Design aesthetic

Color Palette

Pure White
#FFFFFF
Swiss Red
#E2001A
Black
#000000
Light Grey
#F5F5F5
Mid Grey
#666666

Typography

DisplayAa Bb Cc
H2Aa Bb Cc
H3Aa Bb Cc
BodyAa Bb Cc
CaptionAa Bb Cc
MonoAa Bb Cc

Component Gallery

// Buttons
// Cards
Design System
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Component Lib
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Style Guide
Docs

Style Guide

Documented rules for typography, spacing, color, and interaction patterns.

// Form Elements
// Navigation Bar
LOGO
HomeAboutWorkContact
// Badges & Tags
Design SystemComponentv2.0BetaNewFeaturedOpen Source

Mobile Preview

LOGO
Grid
Swiss Design
International Typographic Style — pure grid, Helvetica,...
Feature Card
Component example in this style

Key Characteristics

01

Strict mathematical grid system

02

Helvetica or Neue Haas Grotesk typeface exclusively

03

Red and black on white — minimal color palette

04

Asymmetric layouts aligned to the invisible grid

05

Photography over illustration, objectivity over decoration

Industries & Business Models

Swiss Design works best for these industries

📚
Education / EdTech
Educational Systems & LMS Technologies
Explore Models →
💰
Finance / FinTech
Financial Ingestion & Ledgers Technology
Explore Models →
🚚
Logistics / Delivery
Supply Chain & Dispatch Algorithms
Explore Models →
25 / 86 styles