Case 06 — Art Direction / VIP Identity

Gate VIP — Nobility Series Visual Design Gate VIP — 贵族系列视觉设计

Year年份

2025 — 2026

Client客户

Gate.io — in-house

Gate.io — 在职主导

Role角色

Concept & Art Direction

概念与艺术指导

Scope范围

KV · Landing · Campaign · Icon System

主视觉 · 落地页 · 活动 · 图标体系

Every exchange dresses its VIP tier in the same tech-flavoured black and gold. This project asks what happens if you stop decorating and start telling a story instead — the story of a court, its keys, and the people allowed past the door. Ceremony as a design language. 每家交易所的 VIP 都穿着同一套科技味的黑金。这个项目问的是:如果不再做装饰,而是开始讲一个故事,会发生什么 — 一座宫廷、它的钥匙,和被允许穿过那扇门的人。把仪式感做成一种设计语言。

VIP Wealth Hub key visual with scale, quill and keys
VIP Wealth Hub — the study, dressed: scale, quill, keys, gold under chamber lightVIP Wealth Hub — 书房陈设:天秤、羽毛笔、钥匙与暖光下的金币

Background — Leaving the Default项目背景 — 离开默认答案

VIP / 01

The brief was to refresh Gate’s VIP visual identity. The trap was obvious: exchange VIP pages have converged on one look — dark gradient, gold type, particle glow — and inside that look, no one reads as more premium than anyone else. So the direction deliberately walked away from the default and toward something older: medieval nobility — the council chamber, the privilege, the privacy, the ornament. A language that was, historically, designed for exactly one audience: those who hold power. 需求是刷新 Gate 的 VIP 视觉识别。陷阱显而易见:交易所的 VIP 页面早已收敛成同一副面孔 — 深色渐变、金色字体、粒子光效 — 在这副面孔里,没有谁看起来比谁更高级。所以这次方向刻意离开默认答案,走向更古老的东西:中世纪贵族 — 议会、权贵、私密、华丽。那套语言在历史上就是只为一种受众设计的:掌权者。

Early reference board for the medieval nobility direction
Early reference — heraldry, seals, coats of arms, engraved metal, dark court portraiture前期参考 — 纹章、封蜡、盾徽、金属雕刻与暗调宫廷画

The Concept设计理念

VIP / 02

“This is not just a VIP visual system. It is a financial ceremony built out of power and identity.” 「这不仅是一个 VIP 视觉系统,更是一场权力与身份构成的金融仪式」

The central object is the golden key — which happens to be the brand’s own word: Gate. A key opens the door to wealth and privilege, and different materials and forms of key separate one rank from the next. Around it, each noble symbol was chosen because it maps onto something the product already does. Metal relief becomes the grammar of UI structure — buttons, strokes, frames. The wax seal carries invitations, contracts and private reports, where trust and exclusivity are the message. The balance scale stands for the analytical tools; the classical star chart for market forecasting and asset allocation, the macro view. Armour wraps risk control and account security in an actual sense of protection, and the crest marks rank — the totem that unlocks each privilege. The palette stays black and gold throughout, so the whole system reads as mystery, authority and scarcity rather than as decoration. That mapping is what keeps the theme from being costume: every ornament is load-bearing. 核心物件是那把金钥匙 — 而它恰好就是品牌自己的那个词:Gate。钥匙开启财富与特权之门,不同材质与形态的钥匙区分不同等级的身份。围绕它,每个贵族符号被选中,都因为它对应着产品本来就在做的一件事。金属浮雕成为 UI 结构的语法 — 按钮、描边、框架;封蜡信物承载邀请函、合约与专属报告,传达的是信任与专属;金属天秤对应各种分析工具;古典星图对应市场预测与资产配置,是宏观的视角;中世纪盔甲把风控与账户安全包进真实的防护感里;徽章图腾则是等级的标记 — 解锁每一项权限的图腾。整套视觉统一黑金主色,让系统读起来是神秘、权力与稀缺,而不是装饰。正是这层对应关系,让主题不至于沦为戏服:每一件饰物都在承重。

Medieval nobility icon system
The symbol set, rendered — chalice, seal, keys, scale, star chart, gates, stairs, crown符号体系渲染 — 圣杯、封印、钥匙、天秤、星图、门扉、阶梯与冠环

Extension — The System at Work延展 — 体系落地

VIP / 03
Golden treasure chest render
VIP landing page with treasure chest hero
The chest — built as an object first, then put to work on the landing page宝箱 — 先作为物件成立,再在落地页上岗
VIP airdrop campaign page, 400,000 MEW Token
VIP airdrop season — 400,000 MEW Token · the chest opens for a campaign nobody planned forVIP 尊享空投季 — 400,000 枚 MEW Token · 宝箱为一个临时活动打开

The test of a system is the page nobody planned for. A token airdrop is a fast-turnaround campaign with its own headline, countdown and numbers — and it still has to look like it belongs. The chest is the same object family as the keys and the seal: metal, warm light, gold spilling out of a container that was locked a second ago. Nothing was redesigned; the language already had a word for “reward”. 检验一套体系的,是那个没人预先规划过的页面。代币空投是一个快节奏活动页,有自己的标题、倒计时和数字 — 而它仍然必须看起来属于这里。宝箱和钥匙、封印是同一个物件族:金属、暖光、金子从一个前一秒还锁着的容器里溢出来。没有任何东西被重新设计;这套语言里本来就有「奖励」这个词。

Private wealth management, mobile page 1
Private wealth management, mobile page 2
Mobile — private wealth management, the key and vault language at 375px移动端 — 私人财富管理,金钥匙与金库语言下沉到 375px
Personalized wealth management intro page
Wealth management intro — the same language flattened into line icons: a key, a quill, a lock私人理财介绍页 — 同一套语言压扁成线性图标:钥匙、羽毛笔、锁

Where the theme has to stop. The hero carries the full staging; below the fold every page becomes a product table — coin, estimated APR, term, subscribe. Ceremony earns attention at the top of a page; two rows into a yield comparison it becomes noise, and a VIP user reading an APR range wants the number, not the candlelight. At the other end of the scale, the intro page proves the language survives being flattened into line icons when a layout has no room for a render. 主题必须在哪里停。首屏承载完整的布景;首屏之下,每个页面都回到产品表 — 币种、预估年化、期限、申购。仪式感在页面顶部换来注意力,但进入收益比较两行之后它就变成噪音 — 一个在读 APR 区间的 VIP 用户要的是数字,不是烛光。而在另一个极端,介绍页证明了当版面容不下渲染图时,这套语言被压扁成线性图标依然成立。

VIP Wealth Hub closing banner with stacked gold coins
Closing frame — the desk cleared, the gold counted收尾一帧 — 书桌收净,金币点清

Scope, honestly. Tier logic, rate tables and eligibility rules are owned by Gate’s VIP product and business teams; my part is the concept, the art direction, the symbol and icon system and the page visuals built on them. The physical VIP card grown out of this identity became its own project — see Gate Card. 关于范围,说实话。等级逻辑、费率表与准入规则归 Gate 的 VIP 产品与业务团队;我负责的是概念、艺术指导、符号与图标体系,以及在其之上的页面视觉。从这套识别中生长出来的实体 VIP 卡自成一个项目 — 见 Gate Card

Next Case 下一个案例 FomoX — Product Visual Design → FomoX — 产品视觉设计 →