Not Real

近白色基底、分屏构图与非对称构图。
页面以近白色为基底,搭配深灰色文字。字体采用 ogg、telegraf。视觉特点包括分屏构图、非对称构图、产品图像展示、网格布局。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 只使用三种颜色:文字为 #292a2c,画布为 #f2f2f2,最高对比链接及深色表面为 #000000。
- 所有展示文字和项目标题采用 ogg,55px,letter-spacing -1.98px;正文采用 18-20px telegraf,字间距为 0.38-0.5px。
- 所有图像采用硬边矩形,border-radius 为 0px,不添加投影。
- 项目标题与副标题之间用 ogg 的长破折号(—)分隔,副标题采用斜体 ogg。
- 分类元信息标签之间使用 telegraf 15px 的“ / ”分隔符。
- 展示项目作品的页面,在视口右边缘绝对定位竖排流动文字条带。
- 让画布呼吸:主要分区之间留出 120px,不使用卡片容器或抬升面板。
建议避免
- 界面不要引入任何彩色;饱和色只属于客户作品。
- 包括按钮、卡片、标签和图像在内,任何元素都不添加 border-radius。
- 不要添加 box-shadow、drop-shadow 或任何 CSS 抬升;设计有意保持扁平。
- 不要采用居中布局或受约束的 max-width 包裹容器,让内容延伸至视口边缘。
- 不要使用粗体(600+)或半粗体;两种字体都只使用 400。
- 不要创建独立的填充 CTA 按钮;链接仅是带 1px 黑边的文字,不做更醒目的处理。
- 分区之间不要交替背景色;整个页面共用单一 Vellum 画布。