Drive Capital

暖白色基底、胶囊形控件与大字排版。
页面以暖白色为基底,搭配近黑色文字。字体采用 Editorial New、Founders Grotesk。视觉特点包括胶囊形控件、大字排版、单栏阅读排版、扁平表面。适合参考的场景:金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 所有文字、边框及插画填充均使用电压蓝(#006eff)——它是唯一的色彩语调
- 所有字体设置字间距为-0.02em,并启用"clig"和"liga"字体特性
- 所有按钮、标签和胶囊形控件的圆角半径统一为60px——禁止与4px或8px圆角混用
- 将Editorial New 字重100保留用于77px及以上尺寸的区块开头;低于62px时禁止使用
- 保持顶级布局的水平页面边距为144px;内部组件边距为30–43px
- 使用Founders Grotesk 字重300用于标题和标签——轻声细语的字重是标志,而非备选方案
- 保持奶油底色可见——卡片以奶油底色为平面,仅通过灰(#e2e8f0)细线边框区分
建议避免
- 不要引入第二类色彩——整个系统为单色蓝底上奶油底
- 不要使用填充按钮——所有操作均以描边胶囊形控件呈现,且填充透明
- 不要添加阴影、渐变或层叠效果——所有表面均为严格平面
- 正文文字不要低于16px或高于21px——正文范围刻意狭窄
- 不要将Editorial New用于正文或UI标签——它仅用于展示用途
- 任何文本均不要使用600字重及以上——系统的权威来自300字重的克制
- 不要在超过600px宽度的段落中居中正文——窄栏布局保留了编辑性阅读节奏