Orderful

近白色基底、分屏构图与网格布局。
页面以近白色为基底,搭配近黑色文字。字体采用 telegraf、modernGothic。视觉特点包括分屏构图、网格布局、错落拼贴。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 仅使用 #e42b0c 作为填充型主要操作按钮的颜色,以及在轮廓型操作变体上作为 1–2px 边框——绝不可用作装饰填充
- 将展示标题设为 48–72px,字间距为 −0.025em 至 −0.03em,以收紧无衬线字体的几何结构,强化编辑性语气
- 所有卡片、按钮、输入框、标签和图片容器统一使用 8px 边框圆角——系统标准为单一圆角
- 阴影仅使用一种两层堆叠:rgba(0,0,0,0.1) 0 1px 3px 0 + rgba(0,0,0,0.1) 0 1px 2px −1px;偏移量绝不可超过 3px
- 展示与标题文本使用 #101828,保留 #000000 用于细线和小图标标记
- 正文文本设为 16–18px,使用 telegraf 400 字重,行高 1.5
- 在全站范围内对 telegraf 字体启用 'case' 字体特性,以实现风格化替代;在 modernGothic 文本段落中启用 'ss02' 替代
建议避免
- 绝不使用 4px、6px、12px 或胶囊形(9999px)边框圆角——8px 为系统标准
- 绝不将展示文本设为 700 字重——系统偏好 300–500 字重用于标题,以克制方式保持权威感
- 绝不将 #e42b0c 用于纯文本链接、装饰填充、插图强调或非操作表面
- 正文绝不低于14px,12px仅用于大写眉题和微型标签。
- 绝不引入第二个饱和色——朱红色 必须是系统中唯一的色彩强调
- 绝不使用超出 −0.03em、−0.025em 或 0.025em 的字间距值
- 绝不将 Carbon(#1f1f1f)卡片置于 Paper(#ffffff)区块中,除非有明确的层级或强调理由