Getanchor

暖白色基底、胶囊形控件与圆角卡片。
页面以暖白色为基底,搭配近黑色文字。字体采用 Archivo。视觉特点包括胶囊形控件、圆角卡片、细线分隔、扁平表面。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 主要操作的填充色仅使用#ee884f——禁止引入任何其他色彩强调
- 标题使用Archivo 600字重,字间距-0.03em;在展示尺寸中禁止使用400字重
- 使用暖奶油色层级(#e3d7cd → #f0e9e5 → #f5f2f0 → #ffffff)实现层级感——页面基底禁止使用纯白色
- 所有按钮、徽章和图标容器的圆角半径设为4800px——胶囊形状是系统标志
- 所有卡片、输入框和导航容器的圆角设为4px
- 阴影的模糊半径必须小于4px,不透明度≤0.06——阴影应读作纸张纹理,而非深度感
- 眉题和导航标签采用11px Archivo 600,大写文字,字间距0.06em。
建议避免
- 禁止引入第二套强调色——整个色彩叙事仅围绕一个暖橙色展开
- 禁止使用纯黑色#000000作为正文文本颜色;应使用#1e1e1
- 禁止将卡片圆角设为8px、12px或16px——4px卡片与4800px按钮的对比是系统核心
- 禁止使用厚重的投影阴影或彩色光晕;该系统几乎为扁平化设计
- 禁止在段落中居中正文——段落应保持左对齐
- 禁止使用700或800字重——该系统中Archivo仅提供400和600两种字重
- 禁止在单个区块内混合奶油色与纯白色背景;每个区块必须选择一种表面色调并坚持使用