色彩
Youth Design 使用鲜明、大胆的配色方案，以突显 “青春”、“未来”、“科学” 的设计理念。
配色方案
主色与强调色
每个配色方案都应有“主色”，而“强调色”是可选的。
- 主色作为项目的品牌色，主色应用于页面中最常出现的彩色部分，因此起到强烈的强调作用。
- 主色与强调色应使用 “互补色”，即色轮中夹角度数 180° 位置的颜色。
- 主色建议选色值表中任意颜色的6号色，而辅助色的色号建议选择2/3、7/8。
- 在选择主色与强调色的同时各应选择其浅色和深色色号的颜色，用于其本身的对比。
主色的使用
- 应用于绝大部分原色，例如 header、icon、边框、按钮、背景等，确定主色之后尽可能多的元素都使用这个颜色值，体现设计的外观一致性。
- 色彩包含多个色号，主色的不同色号可以用于内容的对比。
强调色的使用
- 应用于需要和主色产生一定对比的元素，以便让用户明显感觉到元素的存在，例如悬浮按钮、文字按钮、选中文本、进度条、开关、滑块、链接、标题等。
- 强调色的使用面积不宜过大，但应足够醒目。
- 强调色可选，在没有强调色的时候，可以使用不同深度的主色作为辅助。
文本颜色
CSS 文本颜色的使用
使用灰色文本会降低与背景颜色的相对亮度，从而导致可读性降低，因此 CSS 中应使用 `rgba` 代替 `HEX` 值。(WCAG 2.0) 深色背景中的浅色文字与浅色背景中是深色文字比，需要更高的对比度才能达到相同的辨识度。
深色背景上的文本
深色背景中使用 100%、70%、50% 透明度的纯白色文本。
浅色背景上的文本
浅色背景中使用 87%、54%、38% 透明度的深色文本。
