A B C
CROSSOVER
ABC

Born to cross over.

Brand Visual Identity System v1.0 — 三棱镜折射 · 多场景光谱

Scroll
01 — Logo Concepts

一道光,三种形态

三个 Logo 方案,对应三种叙事角度。每个方案都可以在不同媒介上灵活变体——从 Amazon 品牌旗舰店到产品吊牌,从 Instagram 头像到包装盒。

★ 推荐方案
CROSSOVER ABC
Prism + Spectrum → Wordmark
一道白光从左侧射入三棱镜,折射出红橙绿蓝紫五色光谱,下方展开品牌名。代表「单一进入 → 多元展开」的核心理念。简洁、可缩放、适合 App Icon。
方案 B
A B C
Three Arrows · 三向箭头
从同一个原点出发,A/B/C 三支箭头朝不同方向射出。代表「同一件衣服,应对不同场景」。强符号性,适合运动/机能产品线,印制在袖标或拉链头。
方案 C
X A B C CROSSOVER ABC
Monogram · 字母交织
A/B/C 三字母叠加在 X(Cross)框架上,形成紧密交织的字母组合。呼应 Chanel 式的经典奢侈感,适合高端产品线、皮革标签、金属扣件上的浮雕。
02 — Color Palette

光谱的色彩语言

三棱镜折射出五道彩色光线,每道光线对应一个核心场景色彩。搭配深色基底与柔和中性色,构成完整品牌色板。

#E8453C
A — Action / Ambition
#F5A623
B — Being / Balance
#4CAF50
C — Choice / Courage
#2B6FEF
Primary Brand Color
#9C27B0
Accent / Premium
#1A1A2E
Background / Text
#F5F5F7
Light BG / Product Cards
Hero Gradient (Brand Banner)
Red
Amber
Green
Blue
Violet
Dark Mode (Amazon A+ / Mobile)
Deep Night
Blue
Red
Light Mode (Shopify / Product Page)
Cloud Grey
Blue
Green
Accent Pairing (CTA Buttons)
CTA Primary
Text
Hover BG

Color Philosophy

我们的色彩系统不是从色轮上「选出来的」,而是从三棱镜的物理原理推导出来的。一束白光(= 品牌核心价值)穿过三棱镜(= 用户的多场景生活),折射成完整的可见光谱(= ABC 各自代表的场景色彩)。

每个颜色不仅是一个色号,它对应着一个场景、一种情绪、一种「身份」:

Red — 会议室里的决策瞬间,心跳加速的勇气
Amber — 黄金时刻的徒步,与自己独处的平衡
Green — 晨间瑜伽的呼吸,可持续的日常选择
Blue — 深夜航班上的安静,数字游民的自由
Violet — 画廊开幕的鸡尾酒,不经意的高级感

03 — Typography

字体的三个声部

两种字体,三重表达:衬线体负责品牌情感叙事,无衬线体负责数字界面与产品信息,等宽变体承担技术细节。

Display · 品牌标题

Born to
cross over.

Playfair Display · Bold Italic · 3rem

One piece. Endless scenes. Dress for the in-between. Your ABC. Your rules. Crossover ABC
Primary · 正文 & UI

CROSSOVER ABC

Space Grotesk · Bold · 1.8rem

Light · 300 Regular · 400 Medium · 500 SemiBold · 600 Bold · 700
Body · 正文阅读
Light 300 → 产品参数 Regular 400 → 产品描述正文 Medium 500 → Listing 要点 SemiBold 600 → 价格 / 强调 Bold 700 → Section 标题 ExtraBold 800 → Hero 数字

Inter · Variable Weight · 为屏幕阅读而生

Typographic Hierarchy
Crossover ABC
Born to cross over.
Designing garments that move with you, not against you.
12.06.2026 · Crossover ABC · Brand System v1.0

Hierarchy Rules

Playfair Display → 仅用于品牌情感表达:Slogan、Hero 标题、About Us 引言。不在 Listing 正文或 UI 界面中使用,保持其仪式感。

Space Grotesk → Logo 文字、产品名称、导航、Section 标题。几何感强烈,传递现代感。

Inter → 一切文案正文:Amazon Listing 描述、Shopify 产品页、社媒长文案、邮件。在 14px-16px 区间阅读体验最佳。

Fallback Stack:
'Playfair Display', Georgia, serif
'Space Grotesk', 'Inter', system-ui, sans-serif
'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif

04 — Usage Guidelines

Logo 使用手册

跨平台一致性是品牌出海的生命线。以下是核心使用规则。

Primary Logo · 暗底 / 亮底

CROSSOVER ABC
Dark Mode · 暗色背景
CROSSOVER ABC
Light Mode · 亮色背景
App Icon · 图标版
↔️

Clear Space

Logo 四周至少保留等同于字母 "C" 高度的留白区域(约 logo 总宽度的 15%)。任何文字、图像或边缘不得进入此区域。

🚫

Don't Stretch

永远不要压扁或拉伸 Logo。锁定宽高比,最小尺寸不低于 32px 高(数字)或 12mm 宽(印刷)。

🎨

Color Variants

提供全彩(Spectrum)、单色白、单色黑三种版本。在彩色背景上使用单色版本;在图片上使用白色版本加 20% 暗色遮罩。

📱

Platform Specifics

Amazon Brand Store: 3200×400 头部横幅,白底 + 全彩 Logo。
Shopify: 400×200 Header Logo,支持 SVG。
Instagram: 圆形头像用 App Icon 版本。
产品吊牌: 单色烫金或压印,不大于 3cm。

🔤

Typography Lockup

Logo 符号 + Wordmark 为默认组合。在空间受限的场景(Favicon、App Icon、社媒头像),可仅使用 Prism 符号。

🎯

Product Placement

服装上的 Logo 位置:后领织标(Prism 符号)、左胸刺绣(Monogram 2cm)、下摆标签(Wordmark)。每件单品只出现一处明显 Logo。

05 — Application Preview

Brand in Action

视觉系统在真实触点上的表现预演。

Amazon Brand Store Hero Banner
YOUR SCENE CHANGES. YOUR CLOTHES SHOULD TOO.
Crossover ABC
One piece. Endless scenes. →
Product Hang Tag
CROSSOVER ABC
Born to cross over.
Instagram Post Template
ONE PIECE
THREE SCENES
WORK MOVE UNWIND
Packaging Box
CROSSOVER ABC
Born to cross over.