Skillshare
白色基底、分屏构图与大幅摄影展示。
SuperHi
白色基底、胶囊形控件与分屏构图。
页面以白色为基底，搭配近黑色文字。字体采用 Haas Grot Disp、Haas Grot Text。视觉特点包括胶囊形控件、分屏构图、网格布局、渐变展示。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- #2727e6是每个填充操作按钮、激活链接和品牌着色图标容器唯一的彩色，按钮不使用次要品牌色。
- 所有主要和次要按钮圆角设为48px，卡片24px，输入框、标签和图标容器5000px。
- 三个字体家族全部采用400字重，层级来自字号、行高和字间距，而非加粗。
- 92px时字间距以-0.03em为基准，到24px时放宽为-0.004em，让展示文字随放大而收紧。
- 任何铺满画面的首屏或区块背后，至少散布3–5个采用五种强调色的超大平面几何形状，圆角0px，没有阴影。
- Martian Mono 12px只用于促销滚动条文字、标签文字和带代码感的元信息行，绝不用于段落。
- 卡片使用#ffffff、1px #e1edff极细边框，以及硬边偏移阴影0 2px 0 0 #111118，不使用柔和投影。
建议避免
- 按钮或链接不要引入第二种品牌彩色，#2727e6负责所有操作，五种强调色仅作装饰。
- 不要使用粗体或半粗体；字体系统完全采用400，提高字重会破坏安静自信的语气。
- 不要应用柔和模糊投影，即rgba 0,0,0,0.x且模糊> 4px的阴影；系统只使用硬边偏移阴影或完全无阴影。
- 装饰形状或内容块内部不要使用渐变；只有公告滚动条带有渐变，而且仅用于渐隐至透明。
- 不要在没有卡片或按钮表面的情况下将文字直接放在浅蓝画布上；#111118在#f0f6ff上的对比度足够，但布局节奏需要卡片建立页面网格。
- 文字或边框不要使用强调色（红、黄、绿、粉、天蓝），它们只作为装饰形状层的填充。
- 任何可见组件的圆角不要低于16px，锐利角落会破坏柔软、由胶囊形驱动的视觉语言。
