Websmith Studio
近白色基底、宽松留白与扁平表面。
Extract
浅色基底、大字排版与细线分隔。
页面以浅色为基底，搭配近黑色文字。字体采用 Feature Deck、ABC Diatype。视觉特点包括大字排版、细线分隔、扁平表面、网格布局。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 所有文字、边框和填充控件均使用 #070707 — 它是系统中唯一的结构色
- 仅将 #e7feda 薄荷色用于完整段落背景，绝不用于按钮、图标、标签或文本
- 在 Feature Deck 中将显示字标设为 104px，不调整字间距——让自然的字形参数承载其影响力
- 所有卡片、图片和内容容器使用 9.3px 边距圆角；输入框和小型控件使用 4.6px；仅在浮动导航胶囊上使用 9999px
- 所有分隔处保持 1px 细线 #070707 边框——绝不使用阴影来提升元素脱离画布
- 将 Feature Deck 44px 段落标题与 ABC Diatype 19px 正文搭配——尺寸跃迁构成层级，而非字重或色彩
- 保持浮动导航居中、持续存在且在每屏上视觉一致——它是系统中唯一的持续性元素
建议避免
- 不要引入第二个强调色——系统建立在黑、白与单一薄荷色之间的张力之上
- 不要将 #e7feda 薄荷色用于按钮、链接、图标或悬停状态——它仅作为氛围色存在
- 不要添加阴影、内发光或任何立体效果——扁平是其标志性特征
- 不要将 Feature Deck 用于正文或小于 100px 的文本——它仅用于显示，且在小于 44px 时会失去可读性
- 不要在薄荷色段落内的卡片中使用彩色背景——让段落色作为统一的背景场
- 不要居中正文——只有显示字标和导航是居中的；所有编辑性文字均左对齐
- 不要使用超出 4.6px / 9.3px / 9999px 范围的边距圆角值——系统设计上保持紧凑
