新加坡机构审美标准v1.0 设计系统
南洋人才集团设计规范与组件库
专为新加坡教育与文化机构打造的克制、优雅、现代的视觉系统。以深邃海蓝(Deep Navy)、南洋红(Nanyang Red)、天青蓝(Sky Blue)和典雅金(Warm Gold)为核心,注重排版留白、无障碍对比度与严谨的专业质感。
色彩规范体系
1. 品牌色彩与无障碍对比度
Brand Palette & Contrast Standards
严格遵循 WCAG 2.1 AA 标准,确保文本在不同背景下的高对比度与易读性。
深邃海蓝 (Navy)#172A73AAA 级合规 (11.2:1)
南洋红 (Red)#D71920AA 行动焦点对比度
天青蓝 (Sky Blue)#1FA7D6地球圆弧与潜能强调
典雅金 (Gold)#C7A04B历史印记与徽章点缀
画布白 (Canvas)#F8F9FB机构背景底色
高阶正文字色#172033AAA 级正文 (14.8:1)
交互组件
2. 按钮层级与交互状态
Button Hierarchy & Interactive States
标签与元数据
3. 徽章规范与待核准警示
Badges & Verification Flags
始于 1998 年美术学院语言研习全脑智力待客户最终确认 (Client-Confirm)
Oil Painting/油画技法General English/通用英语Right Brain/右脑潜能
CSS 优先动效与无障碍支持
克制优雅的机构动画原则
所有动效基于纯 CSS 硬件加速关键帧构建,执行周期均严格控制在 150ms 至 350ms 内,杜绝浮夸躁动的游戏特效。全站原生适配 `@media (prefers-reduced-motion: reduce)`,保障视觉敏感用户的舒适体验。
