Minimal · Swiss · Editorial
Arch. Swiss Minimal
A rational Swiss-modern system shaped by a strict grid, mathematical spacing, monochrome structure and one blue accent.
01
Preview
Live HTML · responsive · interactive
02
Design Principles
The decisions that make the style coherent.
- 01
Use a strict twelve-column grid as the visual backbone.
- 02
Make spacing mathematical and repeatable.
- 03
Keep decoration subordinate to information.
- 04
Use one accent color to express action and emphasis.
03
Colors
Primary#18181B
Surface#FAFAFA
Card#FFFFFF
Accent#2563EB
Muted#E8ECF0
Border#E4E4E7
04
Typography
InterfaceInter
300–700 · functional neutral
CaptionInter
600 · tracked labels
05
Components
- Transparent navbar↗
- Geometric hero↗
- Logo marquee↗
- Feature rows↗
- Pricing grid↗
- Minimal footer↗
06
Patterns
- Twelve-column grid◆
- Square corners◆
- Single accent◆
- Rule-based sections◆
- No shadows◆
READY TO USE
Download design.mdGive your agent a point of view.
Download the complete specification and add it to your project context.