Isla Beauty
近白色基底、细线分隔与摄影展示。
Beautiful™
暖白色基底、衬线字形与细线分隔。
页面以暖白色为基底，搭配近黑色文字。字体采用 GascogneTS、Basis Grotesque Pro。视觉特点包括衬线字形、细线分隔、分屏构图、非对称构图。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 每个区块均使用#fff5e6（奶油亚麻）作为页面画布——绝不使用纯白色作为背景。
- 将#fa7864（珊瑚爆破）仅用于填充型主要操作按钮和单个珊瑚横幅条——每个视口最多一个珊瑚色品牌时刻。
- 所有交互容器（导航按钮、分类圆圈、轮播箭头）均使用1px实线#000000边框——细黑线条是系统的结构语言。
- 按钮圆角设为999px——所有按钮均为完整胶囊形，无例外。
- 将GascogneTS衬线标题与Basis Grotesque Pro正文搭配——衬线与无衬线的对比是品牌的声调。
- 在首屏和区块标题上方使用大写等宽标签（#fa7864，0.056em字间距，BasisGrotesquePro-Mono）来标记新内容或分类。
- 所有Basis Grotesque Pro正文文本保持正字间距（0.019–0.031em）——绝不设置紧缩，开放性是刻意为之的。
建议避免
- 不要使用阴影来营造层次——Beautiful是平铺、带边框的系统。深度来自奶油到白色的表面过渡和珊瑚色点缀，而非投影阴影。
- 不要引入第二个鲜明色彩——系统是温暖单色，仅有一个珊瑚色。不使用青色、绿色或蓝色作为点缀。
- 不要使用锐角（0–8px圆角）于按钮或交互元素——胶囊形是神圣的。卡片和图片可为方形，但所有可点击元素必须完全圆润。
- 不要将正文设置为粗体字重——Basis Grotesque Pro保持400字重。强调来自衬线、色彩或尺寸跃升，而非字重。
- 不要将标识置于左对齐——它必须位于页眉居中，左侧为导航，右侧为搜索。
- 不要使用自动宽度或流体尺寸——按钮按内容自适应，垂直方向约6px，水平方向约19px内边距。
- 不要将#fa7864珊瑚色用于大范围背景之外的单个横幅条以外的区域——珊瑚色是前景点缀，而非表面填充。
