Files
nexus/wiki/concepts/Visual-Identity-System.md
2026-04-20 07:08:14 +08:00

1.1 KiB
Raw Blame History

title, type, tags, date
title type tags date
Visual Identity System concept
brand-strategy
design-system
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

:root {
  --brand-primary: [hex-value];
  --brand-secondary: [hex-value];
  --brand-accent: [hex-value];
  --brand-font-primary: '[font-name]', [fallbacks];
}