Update nexus wiki content

This commit is contained in:
2026-05-03 05:42:06 +08:00
parent 90f3811b83
commit 111bc65b7b
707 changed files with 32306 additions and 7289 deletions

View File

@@ -0,0 +1,54 @@
---
title: "Visual Identity System"
type: concept
tags: [brand, design, visual, identity]
last_updated: 2026-05-15
sources: [design-brand-guardian]
---
## Definition
视觉识别系统是品牌视觉元素的内聚性设计规范,包含 Logo、Color Palette、Typography 和 Spacing 四个核心维度。该系统必须作为整体设计,而非孤立元素集合。
## Core Components
### Logo System
- Primary Logo主要标志及使用规范
- Logo Variations水平、堆叠、图标版本
- Clear Space最小间距要求
- Minimum Sizes最小复制尺寸
- Usage Guidelines使用注意事项
### Color System
- Primary Palette主品牌色含 hex/RGB/CMYK 值)
- Secondary Palette辅助色
- Neutral Palette中性色灰阶系统
- AccessibilityWCAG 合规组合
### Typography
- Primary Typeface品牌标题字体
- Secondary Typeface正文字体
- Hierarchy尺寸和字重规范
- Web Implementation字体加载和降级方案
### Spacing System
基于 rem 单位的间距系统:
- `--brand-space-xs: 0.25rem`
- `--brand-space-sm: 0.5rem`
- `--brand-space-md: 1rem`
- `--brand-space-lg: 2rem`
- `--brand-space-xl: 4rem`
## Design Principles
- **内聚性**:所有视觉元素协同工作形成统一系统
- **可扩展性**:在不同应用场景和尺寸下保持有效性
- **无障碍**:色彩对比符合 WCAG 标准
- **文化敏感性**:在不同市场具有文化适当性
## Connections
- [[Brand-Foundation-Framework]] → Visual Identity System 是其视觉表达
- [[design-brand-guardian]] → 定义了 Visual Identity System 的设计规范
- [[design-ux-architect]] → 提供 CSS 设计系统的技术实现规范
- [[Theme-Toggle]] → Visual Identity System 必须支持 light/dark/system 三态