37 lines
1.1 KiB
Markdown
37 lines
1.1 KiB
Markdown
---
|
||
title: "Visual Identity System"
|
||
type: concept
|
||
tags: [brand-strategy, design-system]
|
||
date: 2026-04-20
|
||
---
|
||
|
||
## Concept Definition
|
||
视觉识别系统是品牌视觉表达的标准化定义，确保跨所有应用的一致性和专业性。
|
||
|
||
## Core Components
|
||
1. **Logo System**：标志系统（horizontal、stacked、icon variants）
|
||
2. **Color Palette**：色彩系统（primary、secondary、accent、neutral variations）
|
||
3. **Typography**：字体系统（primary、secondary、accent、hierarchy）
|
||
4. **Spacing System**：间距系统（xs、sm、md、lg、xl）
|
||
5. **Pattern Library**：视觉元素模式库
|
||
|
||
## Implementation Standards
|
||
- 最小尺寸要求
|
||
- 空白区域要求
|
||
- 无障碍色彩对比（WCAG compliant）
|
||
- Web 实现字体加载与 fallback
|
||
|
||
## Design Variables Example
|
||
```css
|
||
:root {
|
||
--brand-primary: [hex-value];
|
||
--brand-secondary: [hex-value];
|
||
--brand-accent: [hex-value];
|
||
--brand-font-primary: '[font-name]', [fallbacks];
|
||
}
|
||
```
|
||
|
||
## Related Concepts
|
||
- [[Brand-Foundation-Framework]]：品牌基础框架
|
||
- [[Brand-Voice]]：品牌声音
|
||
- Brand Consistency：品牌一致性（95%+ 跨触点） |