Auto-sync: 2026-04-20 07:08
This commit is contained in:
37
wiki/concepts/Visual-Identity-System.md
Normal file
37
wiki/concepts/Visual-Identity-System.md
Normal file
@@ -0,0 +1,37 @@
|
||||
---
|
||||
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%+ 跨触点)
|
||||
Reference in New Issue
Block a user