David Kirschberg

近黑色基底、圆角卡片与产品图像展示。
页面以近黑色为基底,搭配近白色文字。字体采用 Inter、twkLausanne。视觉特点包括圆角卡片、产品图像展示、渐变展示。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- #181818 是唯一页面背景,不引入更浅或更深画布变体。
- 所有卡片形表面采用 24px border-radius;16px 仅用于胶囊形导航。
- 标题采用恰好 32px twkLausanne,letter-spacing -1.28px;这款字体不用于正文。
- 所有正文、界面和标签文字都采用 Inter 400 字重,不引入 500、600 或 700。
- 所有间距遵循 4px 网格,默认元素间距为 8px。
- 项目艺术与视觉身份作品提供全部彩色,界面本身保持无彩色。
- 首屏文字块在视口中居中,导航作为居中胶囊形悬浮,而非全宽栏。
建议避免
- 任何元素不添加投影、内阴影或 box-shadows;深度仅来自表面颜色对比。
- 界面框架不引入强调色、品牌色或饱和色相,色板锁定为四种中性色。
- 不使用 400 以外字重,层级来自尺寸与颜色(Bone 和 Ash),而非字重。
- 容器不使用尖角;所有表面都圆润,采用 16px 或 24px。
- 项目卡片不堆成多行网格;画廊只能是单行横向滚动。
- 界面不加渐变、纹理、图案或装饰背景。
- 正文字间距不宽于 -0.009em;轻微收紧是视觉语气的一部分。