Skillshare
白色基底、分屏构图与大幅摄影展示。
Udemy
近白色基底、细线分隔与扁平表面。
页面以近白色为基底，搭配深蓝色文字。字体采用 Udemy Sans。视觉特点包括细线分隔、扁平表面、网格布局、大字排版。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 主要操作采用#6d28d2紫罗兰描边、1.5px描边宽度，绝不大面积填满。
- 页面背景设为#e9eaf2，卡片表面#ffffff，中间区块带使用#f6f7f9。
- 按钮和小卡片采用8px圆角，功能卡片16px，胶囊和搜索1000px。
- 字体限定为一个家族（Udemy Sans / Inter），展示文字使用700，副标题和导航500，正文400，300仅用于弱化的大文字。
- 添加阴影之前先选择1px #d1d2e0或#e9eaf2边框，双层冷色阴影仅用于悬停和抬升状态。
- 紫罗兰Aubergine搭配温暖Ember #c4710d作为次要强调，绝不引入第三种彩色色相。
- 卡片内边距保持24px，元素间隔16px，作为默认内部节奏。
建议避免
- 按钮不要用#6d28d2填充，品牌语气来自轮廓，而非满铺。
- 不要将纯#6d28d2用作面板背景，紫罗兰仅用于描边、图标和小标记。
- 不要添加渐变，表面语言平坦而具有教学感。
- 同类组件不要混用圆角，所有标准按钮均为8px，所有胶囊均为1000px。
- 不要引入第三个字体家族，单一字体家族的纪律是品牌识别的一部分。
- 温暖橙色#c4710d不要用于正文或大面积填充，仅用于徽标边框和小图标强调。
- 表面不要使用纯#000或#fff，墨色使用#2a2b3f、画布使用#e9eaf2，以保持冷静的教学语气。
