# 品牌形象

高质量的设计是网上商店的重要组成部分，这主要取决于主题的设计和内容。主题的设计应简洁、一致、不杂乱、令人难忘、直观、高效且实用。在为 WooCommerce 设计新的主题时，应特别注意以下几点：

## 布局

主题的布局应符合行业标准，包括层级结构、流程、内容平衡和留白。

主题作者必须确保商店页面（商店、产品页面、分类、购物车、结账、个人资料页面等）与主题无缝集成，因为它们是 WooCommerce 主题的核心。

主题应完全可用，并经过优化，可在常见的设备类型（如笔记本电脑、平板电脑和智能手机）上访问。

## 排版

主题应提供优雅且易于阅读的字体组合，以提供舒适的阅读体验。

所有页面和设备类型都必须采用一致且和谐的字体大小、线宽和间距。

主题的排版应由少量相互补充的字体组成，通常不超过两种。

应使用正确的首字母大写，避免全部大写（除非是某些用户界面元素，如按钮、选项卡等）。

## 图标

主题中使用的图标应直接表达其所代表的动作/情况，并且在尺寸、位置和颜色方面应保持一致。

## 颜色

主题必须遵循和谐且一致的颜色方案，应用于用户界面元素和所有页面。颜色方案应包含少量颜色，包括：

- 一种主要的/强调的颜色
- 一种或两种与主要颜色互补的辅助颜色
- 纯色（白色、黑色、灰色）

文本和图形用户界面组件中使用的调色板必须符合 [WCAG AA 兼容性级别](https://www.w3.org/TR/WCAG20/#conformance) 或更高。

## 模式

主题必须采用一组一致的模式，这些模式应在所有页面中使用，例如：

- 导航、侧边栏、页脚
- 内容块（标题、段落、列表、产品详情、评论、图片展示等）
- 表单的结构和元素（字段、下拉菜单、按钮等）
- 表格
- 列表
- 通知