Headspace
近白色基底、紧密字距与分屏构图。
Sandland Sleep
暖白色基底、渐变展示与紧密字距。
页面以暖白色为基底，搭配近黑色文字。局部操作控件以黄色强调。字体采用 Sandland-550、Inter。视觉特点包括渐变展示、紧密字距、宽松留白、网格布局。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 每个视口恰好一个元素采用 Sunlit Yellow（#fae467）填充，即主要操作或唯一数据高亮。
- 按钮与胶囊形导航的 border-radius 为 20px，卡片和徽章为 10px，输入框为 4px；仅使用这三种圆角。
- 奶油画布（#f2ede8）贯穿页面全宽分区，不在卡片或组件内部重复铺设。
- 48px 及以上采用 -0.03em letter-spacing；10-13px 大写标签采用 0.036-0.045em 字间距；正文保留默认字间距。
- Midnight Navy（#1a365d）作为分区级表面，不用于文字颜色或边框，应像关灯一样改变氛围。
- 阴影限制为 10% 黑色不透明度和 12-20px 模糊，不使用硬边或饱和阴影。
- 顶部导航的品牌字标居中，导航链接左对齐，操作胶囊形右对齐。
建议避免
- 不要引入第二种彩色强调；黄色是体系唯一的荧光笔。
- 任何容器、卡片或交互元素不使用尖角（0-2px 圆角）。
- 不使用饱和阴影、发光或多层阴影堆叠。
- 彩色产品顶带不放在产品卡片之外；粉色与橙色仅存在于产品模型上。
- 正文颜色不使用 Midnight Navy；它留给表面填充和大型展示场景。
- 背景填充不使用纯黑（#000000），深色表面采用 Charcoal（#191923）。
- letter-spacing 不紧于 -0.03em，也不宽于 0.045em；字间距尺度狭窄且有意限定。
