色彩克制
主色不超过 3 种，荧光色占比控制在 8% 以内，用作 CTA 与关键信息高亮，避免视觉过载与品牌识别稀释。
VISUAL DESIGN / S02
潮流视觉版式 / 机能工装美学
以机能工装穿搭为美学母语，深灰军绿荧光橙三色体系搭配环形聚光氛围与战术胶带标签，让品牌官网在 3 秒内被记住、被识别、被种草。
AESTHETIC / 设计哲学
把街头机能感翻译进浏览器
潮流品牌官网最怕两件事：一是长得像企业官网，二是长得像淘宝店铺。芭彼小镇用机能工装的视觉语言——多口袋的层次、战术胶带的标识、荧光色的警示——构建一套既年轻化又专业克制的网页美学。
- 三色体系：深灰打底、军绿衬底、荧光橙点睛，控制色彩饱和度
- 战术胶带标签：替代传统 Badge，赋予页面工装荷尔蒙
- 环形聚光氛围：径向渐变模拟舞台追光，聚焦核心内容
- 等宽字与无衬线混排：技术感与潮流感并存的字体策略
DESIGN PRINCIPLES / 四大设计原则
潮流但不浮夸，专业但不沉闷
04 RULES
栅格严谨
12 列栅格+8px 基线网格，所有间距遵循 8 的倍数，确保跨页面、跨断点的视觉节奏统一，杜绝随手像素值。
字阶层级
标题用粗体无衬线、正文用中等字重、辅助信息用等宽字，通过字族对比构建信息层级，减少装饰性元素依赖。
组件可复用
按钮、卡片、表单、导航全部抽象为可复用组件，输出 Figma 组件库与设计 Token，确保扩展时不偏离视觉基线。