跳到主要内容

品牌色彩

先看颜色职责,再选择配色。色号可复制,对比度可就地自查。

点击色块复制 HEX

品牌识别

按背景选用已批准字标版本;角色保持原色。

版面底色

主画布用白或暖白,可搭配白色内容区。

绿色背景

黄绿用于品牌氛围,浅绿用于信息背景;按场景选用,不作数值色阶。

文字与操作

标题、正文及浅绿底小字用黑;灰字须验对比。深绿用于操作与选中,按钮配白字。

阅读引导

点、短线、编号少量使用;同一标记含义一致,短线表示阅读起点。

配色对比自查

屏幕参考;印刷、灯光与材质仍以打样为准

文字色
背景色
稚学 · 好校服普通小字示例:亲肤面料,0甲醛,0异味
4.43:1仅大字 · 仅大字(24px 及以上,或 700 字重 19px 及以上)与图形可用

配色限制:灰字在浅绿底不满足普通小字 4.5:1,同位置改用主字黑

配色限制

暖橙与识别绿不配白字;橙字须验对比,不堆叠橙底标签。绿橙不直接表示成功/警告。

打样与原图

HEX 供屏幕参考,印刷、灯光与材质须打样。暖橙取自挥手形象,原图渐变保持不变。

稚学设计系统 · 0.8 资料与版本视觉样板非生产模板;门头非施工图。

素材预览

素材文件 · 保持完整比例