デモサイト https://wsp-demo02.hp1.work/ で実物をご覧いただけます。

グローバルナビの仕様について

このページで説明されているサイトヘッダーをお使いになる場合、下記の範囲内でグローバルナビのメニューを作成していただくようお願いいたします。

  • メニューの数は最大5つまで
  • メニューの項目の文字数は最大6文字まで

この範囲を超えるとレイアウトがくずれる可能性があります。ご了承ください。

上記は最上位のメニューについての制約事項です。サブメニューにはこの制約はありません。

  • 大きめアイコンの下にメニュー文字を配置したデザインです。
  • グローバルナビの最後のメニューを白抜き文字で目立たせています。

ページ先頭を表示しているとき

ページ先頭を表示しているとき

以下の部分の色はキーカラーになっています。

  • ページ上部のライン
  • アイコン
  • 最後のメニューの背景

スクロール時

スクロール時

バリエーション(1)

キーカラー #1e73be

英語表記がないデザインにもできます。

バリエーション(1)
ページ先頭を表示しているとき
バリエーション(1)
スクロール時