Branding

高品質のデザインはオンラインショップの重要な側面であり、それはテーマのデザインとコンテンツによって左右される。テーマのデザインは、シンプルで、一貫性があり、すっきりしていて、記憶に残りやすく、直感的で、効率的で、機能的でなければなりません。WooCommerceの新しいテーマをデザインする際には、以下の点に特別な注意を払う必要があります：

Layout

テーマは、階層、フロー、コンテンツのバランス、ホワイトスペースの点で業界標準に達していなければならない。

店舗ページ（ショップ、商品ページ、カテゴリー、カート、チェックアウト、プロフィールページなど）はWooCommerceテーマの中心的なポイントであるため、テーマ作成者は店舗ページがテーマとシームレスにフィットするようにしなければなりません。

このテーマは、ラップトップ、タブレット、スマートフォンなどの一般的なデバイスでアクセスできるよう、完全に機能的かつ最適化されていることが期待される。

Typography

テーマは、快適な読書体験を促進するエレガントで読みやすいフォントの組み合わせを提供する必要があります。

フォントサイズ、行幅、行間は、すべてのページとデバイスタイプで一貫性があり、調和がとれていなければなりません。

テーマのタイポグラフィは、互いに補完し合う少数の書体で構成されなければならない。

ボタンやタブなど一部のUI要素を除き）すべて大文字を避け、適切な大文字を使用する。

Iconography

テーマで使用されているアイコンは、それが表現している行為や状況を直接的に意味するものであり、サイズや位置、色に関して一貫して使用されている。

Color

テーマは、UI要素やすべてのページで調和のとれた一貫性のある配色に従わなければなりません。配色は、以下のような少数の色で構成する：

• 原色／アクセントの支配色
• 原色を補う1色か2色の副色
• 中間色（白、黒、グレー）

The color palette used in text and graphical UI components must be compliant with the WCAG AA conformance level or above.

Patterns

テーマは、次のような、ページ全体で使用される一貫した一連のパターンを採用しなければならない：

• ナビゲーション、サイドバー、フッター
• コンテンツブロック（タイトル、段落、リスト、商品詳細、レビュー、画像ショーケースなど）
• フォームの構造と要素（フィールド、ドロップダウン、ボタンなど）
• テーブル
• リスト
• お知らせ