V7labs

如同洒满阳光的琥珀色档案馆,剧院帷幕后藏着编辑式智能。第一屏让温暖橘色光线穿过竖向帷幔条纹洒落,下面则退回严肃的单色。
V7像电影工作室一样布置界面:唯一的温暖琥珀色首屏以竖向、帷幕般的光线条纹照满第一屏,随后过渡到奶油白画布与近黑面板组成的高对比编辑式系统。语气严肃且带有档案感;轻得如低语的Martina Plantijn衬线标题传达印刷出版物的权威,STK Bureau中密集的无衬线正文则让数据密集的产品感保持安静、冷静。界面的色彩纪律绝对严格:每个交互表面都是纯白、纯黑或深暖中性色,琥珀橘色几乎只保留给富有氛围的首屏和统计区块,绝不用在按钮、链接或强调点上。组件为极简胶囊形,平贴页面,采用细线边框且几乎没有阴影,强化了系统为决策而非装饰设计的印象。
查看原始网站使用规范
建议采用
- 所有交互按钮和表单输入框都采用160px border-radius;所有控件的完整胶囊形都是不可更改的要求。
- 标题采用Martina Plantijn 300字重和40px或60px;衬线字体字重绝不要高于400。
- 琥珀色渐变只用于满幅首屏和统计分区;绝不要作为按钮填充、徽章背景或行内强调。
- 每个白色胶囊按钮都配1px的#000000边框;细线边缘给予胶囊分量,而无需使用彩色。
- 分区严格在#f7f6f5奶油色与#1c1c1c近黑之间交替;浅色内容放在奶油色上,深色内容,如产品截图和工作流演示,放在近黑色上。
- 浅色表面的默认边框为1px solid #000000,深色表面则为1px solid #292929。
- 正文采用STK Bureau 16px和-0.01em字间距;只有24px及以上字号才收紧至-0.02em。
建议避免
- 绝不要将琥珀色或橘色调色板用于按钮、链接、图标或表单控件;它只属于富有氛围的满幅分区。
- 卡片、面板或内容表面绝不要使用阴影;唯一允许的阴影用于锚定视口的叠加层。
- 标题绝不要采用STK Bureau,正文段落也绝不要采用Martina Plantijn;衬线与无衬线分别承担语气和墨迹,分工具有结构意义。
- 绝不要使用99px、12px和160px之外的圆角值;8px中间尺度只保留给小型叠加卡片。
- 不要破坏分区交替,在没有清晰边界的情况下,将浅色模式产品卡片直接放在深色反转分区下方。
- 编辑式语境中的正文字号绝不要低于14px;12px是绝对下限,只用于标签和元数据。
- 状态指示、成功状态或错误状态绝不要使用彩色;保持无彩色,只通过字重、位置以及藏青色#00104进行强调。