Headspace
近白色基底、紧密字距与分屏构图。
Vibrants
白色基底、产品图像展示与渐变展示。
页面以白色为基底，搭配近黑色文字。字体采用 Montserrat、New Kansas。视觉特点包括产品图像展示、渐变展示、细线分隔、宽松留白。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 所有主要填充按钮和主要文本使用深海军蓝（#021422）——它是结构性的墨水，而不仅仅是深色。
- 所有20px及以上标题使用 New Kansas 字体；该衬线字体是品牌的编辑签名。
- 所有卡片、按钮和输入框默认使用8px圆角；仅徽章元素突破为3px，特定装饰元素可扩展至12px或20px。
- 将明亮绿色（#00852e）专用于销售徽章、折扣胶囊按钮和成功确认提示——绝不用于正文或装饰性填充。
- 当需要轻蓝色强调时，使用天空洗（#91c3ff）作为轮廓/透明按钮的色彩边框。
- 保持页面整体色调接近单色；让产品图像和首屏渐变承担所有色彩表现。
- 使用 Montserrat 字体，字间距设置为0.10–0.13em（大写分类标签和区块眉题使用）
- 天空蓝渐变首屏仅搭配产品图像或首屏示意图——切勿扩展至卡片或小节背景。
- 以16px作为卡片内边距和元素间距的基础单位，小节分隔间距为48px
- 所有UI正文和链接文本使用Inter字体，负字间距（-0.022em，16px）以维持屏幕可读的密度
建议避免
- 正文或图标文本切勿使用纯黑色（#000000）——深海军蓝（#021422）和炭灰（#262626）是暗色选择
- 切勿在UI边框、按钮或非产品表面使用彩虹光谱渐变——它仅属于产品卡片和首屏渐变区域
- 切勿将Rift Soft用于除销售徽章和折扣胶囊外的任何文本——它属于印章风格字体，非正文用途
- 切勿使用除深海军蓝以外的彩色填充创建填充按钮；唯一的次要彩色填充是绿色徽章
- 切勿使用阴影实现层级感；设计依赖细线边框（#ccd2d7）和表面色调差异
- 切勿使用超出既定尺度（3、8、12、20、32px）的圆角值——一致性是系统感的关键
- 切勿对正文或卡片内容进行居中对齐；除非小节为单句居中陈述，否则一律左对齐
- 每个视口内切勿超过一个主要填充按钮；次要操作必须以轮廓或透明变体呈现
- 不要在同一字号、同一角色中混用 New Kansas 和 Inter——New Kansas 负责 20px+，Inter 负责低于此范围的字号。
- 切勿将Warm Sand（#fff6ea）和Cloud（#f2f6ff）作为全页背景；它们仅作为面板表面的色调使用
