规范指南
品牌规范指南
请遵循以下规范,确保 OneSwap.ai 品牌呈现的一致性。
品牌色彩
Primary
#FE2D56品牌强调色、CTA 按钮、关键高亮
Accent
#00E0D6强调色高亮、聚焦环、图表颜色。深色模式:#09F3E9
Background
#161824深色模式主背景、前景文字色
Card
#202330卡片、面板、弹出层
Secondary
#2A2E40边框、次级表面、输入框背景
Muted Text
#8F95A5次要文字、描述、占位符
Logo 使用规范
正确做法
- ✓在 Logo 四周保留足够的安全空间(至少为图标高度的 50%)
- ✓优先使用彩色版本
- ✓完整 Logo 的最小宽度不低于 120px
- ✓根据背景明暗选择合适的亮色/暗色变体
✕ 禁止做法
- ✕拉伸、扭曲或倾斜 Logo
- ✕更改 Logo 颜色或添加自定义渐变
- ✕为 Logo 添加阴影、描边或视觉特效
- ✕旋转 Logo 或将其放置在繁杂或低对比度的背景上
排版规范
主字体
Inter
系统无衬线字体回退
字重
Bold (700) — Headings
Semibold (600) — Subheads
Medium (500) — Buttons
Regular (400) — Body
字号体系
H1 — 48px / 3rem
H2 — 30px / 1.875rem
H3 — 24px / 1.5rem
Body — 16px / 1rem
Small — 14px / 0.875rem
Caption — 12px / 0.75rem
间距与圆角
圆角
4pxCards
6pxButtons
fullBadges / Pills
间距体系
4pxTight — icon gaps, inline spacing8pxDefault — element margins16pxComfortable — card padding24pxGenerous — section content padding48pxLoose — section vertical spacing


