Vana

近黑色基底、网格布局与细线分隔。
页面以近黑色为基底,搭配白色文字。字体采用 Cofo Sans、Cofo Sans Pixel。视觉特点包括网格布局、细线分隔、分屏构图、摄影展示。适合参考的场景:技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- #0000ff是唯一的填充CTA色;其他任何蓝色都绝不能填充按钮背景。
- 所有矩形按钮和卡片的border-radius设为2px;1440px只用于胶囊控件。
- 页面背景设为#0d0d0d,表面按#161616 → #252525 → #3b3b3b提高层级;绝不用阴影分隔。
- 所有标题和按钮文字采用Cofo Sans 700,400留给正文和描述。
- 导航链接、标签和技术元数据标签采用Cofo Sans Pixel,并配圆点前缀(•)。
- 64px时应用-0.02em letter-spacing,24px时为-0.015em;紧密字间距是标志性选择,而非默认值。
- 彩色调色板保持狭窄;若需要第二种颜色,只将它作为1px边框或图标描边,绝不作为背景填充。
建议避免
- 不要用阴影或投影效果抬升卡片;表面叠层#0d0d0d → #161616 → #252525就是抬升系统。
- 不要引入#0000ff / #4141fc / #8b8bfe家族之外的新蓝色;品牌蓝是单一的。
- #7fd579或#d896ff不要用于背景或大面积填充;它们是标点色,只用于细边框和小图标。
- 卡片或按钮的border-radius不要高于2px,1440px胶囊除外;锐利角度是刻意的。
- 正文不要采用#ffffff;它只留给标题和按钮文字,段落使用#eaeaea。
- ASCII艺术图案不要以完全不透明渲染;应保持10–20%不透明度,让它像纹理而非内容。
- 同一文字块不要混用像素和非像素字体;Cofo Sans Pixel只用于独立标签和导航项。