VEED

白色基底、圆角卡片与大幅图像展示。
页面以白色为基底,搭配近黑色文字。局部操作控件以黄绿色强调。字体采用 SwissNow、PPEditorialNew。视觉特点包括圆角卡片、大幅图像展示、衬线字形、摄影展示。适合参考的场景:AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 仅在主要创作操作和激活/选中状态使用 #96ff1a ——它被严格限制,而非装饰性使用。
- 将标题在 PPEditorialNew 54px 字号下,搭配 -0.05em 字间距和 0.88 行高,以保持编辑风格的特征。
- 按钮、输入框和小卡片使用 10px 圆角;大媒体卡片使用 16px 圆角;仅对真正的胶囊按钮使用 9999px 圆角。
- 用满幅填充的 #121212 深色条带与 #ffffff 白色区域交替,形成页面的结构节奏。
- 正文和标题文字使用 #0c0a09(温暖的近黑色)而非纯黑色 #000——这种微妙的暖调是品牌编辑风格的一部分。
- 在扩展电黄家族时,用 #d6ffa6 作为柔和的底色置于文字或图标后方,避免与行动号召冲突。
- 所有正文内容和UI标签使用 SwissNow 字重 400-500;仅将字重 600 保留用于按钮标签和激活状态。
建议避免
- 不要在大背景、区块填充或非操作装饰中使用 #96ff1a ——它必须保持为火花,而非泛滥的色彩。
- 不要将 PPEditorialNew 用于正文、按钮标签或任何小于 40px 的UI元素——它仅限于展示用途。
- 不要使用纯黑色 #000文字——始终使用 #0c0a09 以保留温暖的编辑调性。
- 不要为卡片添加阴影——VEED 通过边框和表面对比实现分隔,而非使用立体阴影。
- 不要引入额外的强调色——系统为单色系,仅以电黄作为启动色;增加第二色调会破坏设计纪律。
- 不要在标题上设置正常的或正向的字间距——紧致的字间距(-0.025em 至 -0.05em)是标志性特征。
- 不要在同一组件组内混合边框圆角——保持一致:紧凑控件使用 10px,媒体卡片使用 16px。