01 · BRAND / COLOR
Color System
Two brand anchors, three principal roles, four secondary accents, six approved gradients. Click any swatch to copy its HEX.
The 60 / 30 / 10 Ratio
Sand 60Navy 30Purple 10
Sand neutral base 60% · Navy text & structure 30% · Purple brand accent 10% · max one secondary color ≤5% per view (up to 15% in marketing views)
Purple
品牌强调 · Brand accent (10%)Navy
文字与结构 · Text & structure (30%)Sand
中性底色 · Neutral base (60%)Teal
科技 · 数据正轴 · LIVE（次级色）Gold
高价值 · VIP · 里程碑（次级色）Rose
能量 · 营销 · NEW（次级色）Azure
信息蓝 · 链接 · 二级 CTA（次级色）Approved Gradients
Large-area gradients must use one of these six. No improvised color mixes.