Spacelab

白色基底、大幅摄影展示与细线分隔。
页面以白色为基底,搭配近黑色文字。字体采用 HelveticaNeue、HelveticaNeue-Light。视觉特点包括大幅摄影展示、细线分隔、分屏构图、非对称构图。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 所有文本元素必须使用 HelveticaNeue(或 HelveticaNeue-Light)——禁止使用展示字体、衬线字体或等宽字体强调。
- 在展示尺寸(30–62px)上保持行高为 1.00,在正文部分行高不得超过 1.20——紧凑的节奏是其核心特征。
- 仅使用 #495472 用于填充按钮和强调卡片表面;将其视为开关,而非装饰。
- 内容区块之间使用 1px 细线边框(颜色为 #000000 或 #2c2222),而非填充或背景填充。
- 所有卡片、按钮、标签和图片的圆角半径保持为 0px;4px 的圆角仅保留给极少数辅助元素。
- 以 21px 作为元素间距和卡片内边距的基础单位;在区块级分隔时,依次提升至 42px 和 84px。
- 标志应以小写 'spacelab_' 形式呈现,尾部下划线不可省略——下划线是不可更改的品牌规范。
建议避免
- 不要引入第二种字体,即使用于强调——应在HelveticaNeue内通过字重(400 与 Light)进行变化。
- 禁止添加阴影、内发光或模糊效果——系统仅使用平面表面和细线边框。
- 禁止在正文、图标、边框或装饰元素中使用 #495472——该色仅限于填充的交互表面。
- 禁止对图片、卡片或按钮进行圆角处理;0px 半径是明确的编辑决策。
- 标题尺寸不可超过 62px,正文尺寸不可低于 15px——尺寸范围刻意保持狭窄。
- 正文段落禁止居中对齐;右对齐的文本符合瑞士编辑传统的基线规范。
- 禁止对摄影图片应用渐变、双色调或色彩叠加效果——图片应保持原始拍摄状态。