Plain

浅色基底、等宽文字标注与产品图像展示。
页面以浅色为基底,搭配近黑色文字。局部操作控件以绿色强调。字体采用 ABC Favorit、Geist Mono。视觉特点包括等宽文字标注、产品图像展示、圆角卡片、紧密字距。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 仅在主要操作填充、激活状态和实时通知点使用鲜明绿色(#1ad379),禁止用于大面积装饰区域或背景。
- 展示标题使用80px大小的Favorit 500字体,-1.6px字间距和0.95行高,以实现标志性的编辑类海报质感。
- 所有按钮、链接及内联元素使用6px圆角,所有卡片和产品UI表面使用9px圆角。
- 默认使用Parchment Cream(#f3fbe9)和Card Linen(#f9f6f1)作为表面颜色,而非纯白色(#ffffff)——温暖的色调是品牌特征。
- 搭配一个填充绿色的主按钮与一个描边绿色的次级按钮,两者间距为8px,水平内边距均为20px。
- 所有标签、时间戳和元数据使用Geist Mono 13px字体,0.015em字间距,启用ss02/ss06特性。
- 在主要区块之间保持80px的区块间距,在区块内部保持24px的元素间距——这种呼吸感是整体宁静感的一部分。
建议避免
- 不要引入额外的强调色——色彩方案刻意保持为奶油色、森林黑和一种绿色。珊瑚色和酒红色仅为例外情况,非标准配色。
- 不要在正文或标题中使用纯黑色(#000000)——应使用Forest Ink(#0a2414)以体现品牌绿色基调。
- 不要在按钮或导航组件上使用阴影效果——设计通过边框和表面色彩变化来建立层级,而非通过立体感。
- 正文文本大小不得低于15px Favorit 400,也不得高于1.33行高——这种编辑密度是标志性特征。
- 不要对长段落正文进行居中对齐——只有标题和首屏文案使用居中对齐。
- 在深色Sage Charcoal背景上使用绿色点缀时,必须先测试对比度——否则可能产生视觉震颤;建议在深色背景上使用白色或Parchment Cream文字替代。
- 不要用中性灰色替代温暖的奶油色表面——这种奶油色调使本系统区别于所有其他SaaS页面。