品牌规范
TikJoy Brand
统一使用 TikJoy 品牌标识所需的一切：标志、字母组合、配色与字体。
1. 主标志
浅色背景版本
深色背景版本
- 四周需保留与字母「T」等高的安全留白。
- 请勿旋转、拉伸或改变标志气泡的颜色。
- 建议最小尺寸：数字场景下宽度不小于 120 px。
2.「TJ」字母组合
空间受限时使用字母组合：网站图标、社交头像、应用图标、水印。
128 px
64 px
32 px（网站图标）
su sfondo scuro
3. 符号（对话气泡 + 播放键）
符号是从文字标志中单独提取出来的图标。可用作界面中的装饰元素、加载动画、列表符号或徽标。
128 px
64 px
32 px
su sfondo scuro
4. 配色方案
主色
Magenta
Magenta
#EC4899Indigo
Indigo
#6366F1Gradient
Gradient
#EC4899 → #6366F1中性色
Ink
Ink
#0F172ASlate 700
Slate 700
#3E2444Slate 500
Slate 500
#64748BSlate 200
Slate 200
#E2E8F0Canvas
Canvas
#FAFAFB渐变的使用
渐变是品牌的标志性元素。可用于文字标志中的「Joy」、标志气泡，以及需要突出的元素 （主要行动按钮、首屏重点）。请避免在大面积文字上使用。
5. 字体
Display / Headings
Sora
字重：600 · 700 · 800 —— 标题使用略微收紧的字距。
Aa Bb Cc 123
The quick brown fox
jumps over the lazy dog
Body / UI
Inter
字重：400 · 500 · 600 —— 长文本行高 1.5。
Aa Bb Cc 123
The quick brown fox jumps over the lazy dog.
返现、会员与社区，轻点几下即可启动。
6. 设计变量速查
| 变量 | 取值 | 用途 |
|---|---|---|
| --brand-from | #EC4899 | 渐变起始色 |
| --brand-to | #6366F1 | 渐变结束色 |
| --ink | #3E2444 | 浅色背景上的文字 |
| --ink-dark | #0B0B1F | 深色模式背景 |
| --font-display | Sora | 标题与标志 |
| --font-body | Inter | 界面与正文 |