Form follows
function.
Issue
11.
瑞士国际主义平面设计·严格 8 列网格·Helvetica 几何 sans·黑白基调 + 红色 accent·**形式服从功能**·系统级产品 / 文档 / 工程 dashboard 的视觉语法。
01
02
03
04
05
06
07
08
01
02
03
04
05
06
07
08
What fits
what doesn't.
Fit · 适用
- 01系统级产品 / 文档
- 02工程 dashboard
- 03政府 / 公共服务
- 04新闻 / 媒体网格
- 05技术 marketing landing
Unfit · 不适用
- 01童趣 / Gen Z 品牌
- 02创意 demo / 实验
- 03编辑型杂志
- 04手作 / 慢消费
Keywords
Helvetica
8 col grid
red accent
0 radius
大数字
geometric
Four disciplines.
Palette01 / 04
黑 + 白 + 4 灰阶 + 1 红 accent + 1 暖灰 paper·**禁用其他颜色**。"Helvetica 不需要彩色帮忙"。
#FFFFFF
#FAFAFA
#E5E5E5
#C4C4C4
#999999
#525252
#000000
#CC0000
Typography02 / 04
Helvetica Neue 全系·900 做 hero / 大数字·500 做 body·**JetBrains Mono 仅做 metadata**·所有 label 大写 letter-spacing 0.15em。
DISPLAY
Helvetica 900
BODY
Helvetica Medium 16px
META
JBM · Tracked Label
Spacing03 / 04
8 列网格是灵魂·gutter 16px·section gap 72-120px·所有元素 snap 到 col 边界·**不偏离**。
- 04grid 单位
- 08inline
- 16gutter
- 32block
- 72section
- 120hero
Visual Features04 / 04
- Border-radius 0 · 全直角
- 1-2px hairline border 灰
- 4px 顶 red line (页头 accent)
- 大数字 4-7rem 用 Helvetica 900
- 1px section divider 切分
- Italic em 标红 (em 染色)
Three phrases.
— Standard
按 swiss-international 风格做这个文档主页 / 工程 dashboard / 政府服务页
— Variant
走 swiss-international + accent 换蓝 / 12 列改 8 列 / 大数字再大
— Remix
swiss-international 主框 + 局部 high-end-agency 大 serif hero
CC receives this style ID ·
auto-loads
frontend-design + swiss-typography reference · 按 4 件 craft 实现 · strict don't·serif / 圆角 / shadow / 渐变 / 撞色多彩 / pastel — 这些不属于 swiss-international。
The signature
artifacts.
STRICT 8-COL GRID
02
03
A
E
N
snap to col · gutter 16 · red highlight unit
BIG NUM
Revenue
847K
▲ +12.4%
Helvetica 900 · -0.07em
RED LINE
Section 04
CRAFT
DETAILS
DETAILS
3px red top · uppercase title
BUTTON
CARD
Active Users
12.4K
↑ +8.4% wk
HERO TYPE
Build with
discipline.
discipline.
— since 1960
Composable with.
Similar
in spirit.
AGENCY
→ Get in touch
High-end
Agency
high-end-agency
Agency
同为refined + 黑白 + 大间距 + 严谨·区别·大 serif + 顾问公司 landing vs 几何 sans + 严格网格 + 系统级
MRR$28,492+12.4%
PPVI
Elegant
ppvi-elegant
Elegant
同为克制 + 工具型 + refined·区别·玻璃拟态 + OKLCH 个人审美 vs 严格几何 + 红 accent + 包豪斯
USERS1.2K
+8%
98%
Minimalist
Bento
minimalist-bento
Bento
同为中密度 + 严谨 + 大数字·区别·暖灰 bento marketing vs 黑白几何 system