본문으로 건너뛰기

01 · BRAND / COLOR

컬러 시스템

두 개의 브랜드 앵커, 세 가지 주요 역할, 네 가지 보조 색상, 여섯 개의 승인된 그라디언트. 색상 칩을 클릭하면 HEX가 복사됩니다.

60 / 30 / 10 비율

Sand 60Navy 30Purple 10

Sand 중립 베이스 60% · Navy 텍스트와 구조 30% · Purple 브랜드 액센트 10% · 보조 색상은 뷰당 1개, ≤5%(마케팅 뷰는 최대 15%)

Purple

品牌强调 · Brand accent (10%)

Navy

文字与结构 · Text & structure (30%)

Sand

中性底色 · Neutral base (60%)

Teal

科技 · 数据正轴 · LIVE(次级色)

Gold

高价值 · VIP · 里程碑(次级色)

Rose

能量 · 营销 · NEW(次级色)

Azure

信息蓝 · 链接 · 二级 CTA(次级色)

시맨틱 매핑

TokenLightDark
--backgroundsand-50 #F7F6F2navy-900 #1B1B2A
--foregroundnavy-700 #393951navy-100 #EDEDF1
--card#FFFFFFnavy-800 #2A2A3F
--primarypurple-600 #6352CEpurple-400 #9F94E8
--mutedsand-100 #EFEEEAnavy-700 #393951
--bordernavy-200 #DCDCE3navy-600 #4F4F6B
--ringpurple-500 #7C6FDBpurple-500 #7C6FDB

승인된 그라디언트

대면적 그라디언트는 아래 6개만 사용합니다. 임의의 색 조합은 금지.

Brand Core

Hero · 登录页 · 品牌封面(默认)

Aurora

科技产品 · 数据仪表盘 · AI

Gilded

旗舰版 · 会员权益 · 里程碑

Sunset

营销活动 · 发布会 · 大促

Sky

信息面板 · 合规安全 · 报表

Soft

二级页背景 · 卡片底纹 · 空状态