Lithic
白色基底、细线分隔与宽松留白。
Relieve Furniture
浅灰色基底、网格布局与单栏阅读排版。
页面以浅灰色为基底，搭配近黑色文字。字体采用 Planar。视觉特点包括网格布局、单栏阅读排版、大幅图像展示、文字主导。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 大多数分区以Warm Stone（#e7e5e4）作为页面画布；只有当区块需要呈现为独立纸面时才改用白色，如导航、产品卡片和聊天组件。
- 通过Forest Ink（#0b392f）描边承载品牌分量，即卡片、导航和分区分隔线上的1px边框，而非用彩色填满大面积表面。
- 展示文字和标题采用Planar 200–300字重，letter-spacing为-0.025em；轻得如低语的标题是标志性语气。
- Lime Spark（#abf625）保留给可持续性成果、NEW标签和富有活力的数据强调；绝不要作为装饰填充或大面积表面。
- Iris（#6f52d3）紫色家族用于次级突出说明块和链接强调，搭配白色文字和12px圆角。
- 卡片圆角保持12px，按钮圆角保持8px；9999px只留给可持续性徽章和聊天触发控件。
- 元素间隙默认使用8–10px，卡片内边距使用20px；布局应紧凑且具有编辑感，而非宽松空旷。
建议避免
- 不要用Forest Ink填满大面积表面；它是结构性轮廓色，而非涂料，应将其用于边框、导航描边和标志图形。
- 正文或段落文字不要使用200字重；细字重保留给展示文字和标题，正文保持400以确保易读。
- 不要将Lime Spark置于纯白区块中，也不要作为满宽背景；大面积使用会让它失去可持续性信号的意义。
- 不要用方向性投影分隔卡片；系统通过暖石色对比和Forest Ink边框呈现结构，而非依赖深度。
- 不要引入新的强调色相；调色板刻意限定为Forest Ink、Iris和Lime，色彩变化应来自这些家族内部的饱和度变化。
- 在Warm Stone画布上，如果Mist（#f6f7f7）能以更少眩光产生同样的表面凸显效果，就不要给卡片使用亮白表面。
- 除非正文是链接，否则不要用Iris为它加下划线或着色；紫色承担交互作用，而非装饰作用。
