Relieve Furniture

仿佛温暖石头上的鲜活苔藓:稳健而有机的调色板中,唯一的深森林青绿色支撑结构,黄绿色火花点缀宁静。
Relieve Furniture以温暖石灰色画布为基础,以唯一的深森林青绿色承载结构,并以鲜亮黄绿色点燃可持续性的活力。视觉语言稳健而有机:边框比填充更能承载品牌分量,字体采用轻得如低语的新grotesque字体Planar,字重为200-400,表面按照暖石色、薄雾色、纯白的顺序叠放。鲜亮紫罗兰色为资产计算器卡片和链接强调提供次级活力。组件轻巧而具有建筑感:细青绿色描边、8px圆角、克制使用的柔和阴影,以及用于可持续性徽章的9999px胶囊形。色彩以标点式方式出现,例如青柠徽章、紫色链接下划线和青绿色边框,而非涂满背景;页面更像石灰岩上的编辑式产品,而非营销表面。
查看原始网站使用规范
建议采用
- 大多数分区以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为它加下划线或着色;紫色承担交互作用,而非装饰作用。