Scheduling

编辑墨水印在奶油色纸上
GlossGenius 采用近乎单色的编辑版面语言:暖黑色墨色(#17150e)落在白色和淡薄荷奶油色(#f0f7f6)的画布上,一种黄绿色(#cccc25)如同荧光笔,仅零星用于主要 CTAs、指标强调和装饰性淡染底色。排版是品牌最响亮的元素:定制的 Basel 字体组合中,无衬线字体 Grotesk 负责 UI 和正文;Classic 是一种更锐利、略带衬线的大标题字体,仅以 96–144px 字号呈现编辑式宣言,并将行高收紧至 0.8–0.95,让字形如黑胶唱片般层叠。组件刻意保持轻盈:扁平卡片采用 8px 圆角,不加阴影;胶囊形按钮的圆角为 1440px,细线分隔条为 1.5px。区块之间留出充裕的呼吸空间(80–120px 间距),纯白与薄荷色交替出现,形成杂志跨页的节奏,而非产品仪表盘的节奏。
查看原始网站使用规范
建议采用
- 仅在96px及以上字号时使用Basel Classic Book;保留它用于页面上最核心的表达
- 所有标题行高设定为1.0或以下;这种紧密堆叠是标志性特征,非可选
- 在任何40px及以上字号的文本上应用-0.03em字间距;正文字号下字间距为0
- 交替使用#ffffff和#f0f7f6作为区块背景,以营造杂志版面的节奏
- 仅在每个视图中使用#cccc25(太阳黄)于一个元素——首屏CTA、一个单一数据芯片或一个渐变晕染——绝不作为通用强调色
- 所有按钮的圆角半径设为1440px,标准卡片的圆角半径设为8px;在组件家族内混合两种圆角会破坏系统一致性
- 所有分隔线和透明描边元素使用1.5px边框(而非1px)——稍重的线条读作有意的墨迹,而非CSS默认值
建议避免
- 不要在标准卡片上添加阴影;该系统本为扁平设计,阴影会削弱编辑风格
- 不要将#000000用于文字或填充——始终将其调为#17150以保留印刷墨水的质感
- 不要在小于96px的字号下搭配Basel Classic;在小字号下语气对比会崩溃
- 不要将黄色按钮置于黄色渐变背景上——CTA将完全失去重点
- 不要为任一字体添加第三个显示字重(例如600);系统仅使用400和500
- 不要将装饰性插画色(珊瑚、杏仁、薰衣草)用于UI状态、文字或边框——这些颜色仅用于渐变艺术
- 不要为按钮添加悬停阴影;仅使用背景色或边框色过渡