Carrot

黄色基底、渐变展示与衬线字形。
页面以黄色为基底。字体采用 Signifier、DM Sans。视觉特点包括渐变展示、衬线字形、分屏构图、宽松留白。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 每个页面的每个区块均使用柑橘色(#d4e04a)作为背景 — 任何情况下都不得使用其他画布色调打破该色场。
- 所有卡片、按钮、输入框和图片的圆角半径统一设为 0px。锐利的边角是系统规范。
- 将 Signifier 300 保留用于 50px 及以上的大标题。切勿用于正文或 UI 标签。
- 主要区块之间设置 120px 的垂直间距,以让电光绿有呼吸空间。
- 所有操作按钮默认采用黑色填充变体。透明描边按钮仅用于次要的内联操作。
- 在 Signifier 标题中启用 "liga" 和 "onum" 字体特性 — 传统风格数字是标志性细节。
- 所有字号下保持 -0.01em(1%)的字间距,以确保视觉密度的一致性。
建议避免
- 禁止引入阴影、渐变或模糊效果 — 扁平风格是核心设计原则。
- 任何元素均不得使用圆角,包括输入框或标签。系统要求所有边角均为锐利。
- 不得引入第二个品牌色或任何色彩强调,仅限电光绿、黑色、白色和暗橄榄色。
- 不得在正文部分使用衬线字体 — 所有小于 50px 的内容均由 DM Sans 负责。
- 不得将白色卡片置于白色背景上,或黑色按钮置于黑色背景上。电光绿必须始终作为分隔色可见。
- 不得在 DM Sans 中使用 500 以上的字重,或在 Signifier 中使用 300 以上的字重 — 字体系统刻意保持狭窄。
- 不得对电光绿在悬停状态或区块变体中进行加深或调色。单一色彩即为单一色彩。