Style11 / 15

TypefaceHelvetica Neue

Grid8 col · strict

Accent#CC0000

Form follows
function.

Issue

11.

瑞士国际主义平面设计·严格 8 列网格·Helvetica 几何 sans·黑白基调 + 红色 accent·**形式服从功能**·系统级产品 / 文档 / 工程 dashboard 的视觉语法。

C · Style DNA Functional · Systematic · Universal

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

D · Craft The 4 disciplines

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 -0.04em tracking

BODY Helvetica Medium 16px line-height 1.55

META JBM · Tracked Label 0.18em tracking · uppercase

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 染色)

E · How to talk 3 phrases · nothing else needed

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。

F · Components Grid · Big numbers · Red lines

The signature
artifacts.

STRICT 8-COL GRID

snap to col · gutter 16 · red highlight unit

BIG NUM

Revenue 847K ▲ +12.4%

Helvetica 900 · -0.07em

RED LINE

Section 04 CRAFT
DETAILS

3px red top · uppercase title

BUTTON

CARD

Active Users

12.4K

↑ +8.4% wk

HERO TYPE

Build with
discipline.

— since 1960

G · Related Composable skills

Composable with.

swiss-typographytype frontend-designbase high-end-agencycousin ppvi-elegantsister /一阳前端设计router

I · Similar styles 看完也许你还想看

Similar
in spirit.

AGENCY → Get in touch

High-end
Agency

high-end-agency

同为refined + 黑白 + 大间距 + 严谨·区别·大 serif + 顾问公司 landing vs 几何 sans + 严格网格 + 系统级

MRR$28,492+12.4%

PPVI
Elegant

ppvi-elegant

同为克制 + 工具型 + refined·区别·玻璃拟态 + OKLCH 个人审美 vs 严格几何 + 红 accent + 包豪斯

同为中密度 + 严谨 + 大数字·区别·暖灰 bento marketing vs 黑白几何 system

Form followsfunction.

What fitswhat doesn't.