Pentagram

白色基底、大字排版与紧密字距。
页面以白色为基底,搭配近黑色文字。字体采用 Plain。视觉特点包括大字排版、紧密字距、细线分隔、网格布局。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 只使用九个无彩色 Token,界面中的任何彩色都会破坏体系;彩色属于项目缩略图,而非界面框架。
- 27px 及以上文字使用最紧的字间距 -0.02em,以下使用 -0.01em;字间距是主要层级工具。
- 实色样本缩略图的卡片采用无边框尖角块,不加圆角;含摄影或复合布局的卡片使用 8px 圆角。
- Paper White 与 True Black 条带以 96px 纵向切换交替,深浅节奏是页面结构骨架。
- 全部文字默认 400 字重,只有卡片项目名称与导航链接使用 500,不采用 600 或更高。
- 展示标题行高为 1.00–1.05,让各行叠成紧凑块;正文放宽至 1.88,紧展示与疏正文的对比是有意为之。
- 让 4 列项目网格承担视觉表达:大型实色块填满 1:1 图块,下方留 24px 放两行 Plain 400/500、16/13px 元信息。
建议避免
- 导航、按钮或背景不添加彩色;界面 100% 无彩色,彩色只在项目缩略图内出现。
- 卡片 border-radius 不超过 8px,按钮不超过 4px;尖角像编辑图版,圆润会削弱画廊目录感。
- 不引入填充、描边或幽灵按钮;体系没有按钮组件,每个交互提示都是文字链接、图像或圆点。
- 不使用 600+ 字重或斜体;字体字重范围止于 500,过重会破坏紧凑克制语言。
- 正文内容不加图标;全站唯一图标是导航搜索提示。
- 文字或分隔线不通过背景色强调;强调来自尺寸、字间距和 Paper White / Ink 对比,而非色填充或底色。
- 不使用阴影、渐变或发光;抬升仅由条带交替(白 → 黑 → 白)表达,而非投影。