パーツについて

背景とナビゲーションについて

背景について

sectionにclass="bg"でテクスチャーがかかった白背景になります。

sectionにclass="bg ylw"でテクスチャーがかかった黄色背景になります。

sectionにclass="bg pnk"でテクスチャーがかかったピンク背景になります。

ナビゲーションについて

一番上のsection>wrapの下に[]を入れて[]の中にnavを入力してください。

メインビジュアルについて

.page_visualにclass="wht"を追加すると、メインビジュアル下に白の弧状の装飾がつきます。

.page_visualにclass="ylw"を追加すると、メインビジュアル下に黄色の弧状の装飾がつきます。

.page_visualにclass="pnk"を追加すると、メインビジュアル下にピンクの弧状の装飾がつきます。

見出しについて

見出し2

見出し3の黄色

見出し3のピンク

見出し3はclass="subtitle ylw"で黄色になります。

見出し3はclass="subtitle pnk"でピンクになります。

共通パーツについて

ボタンのデザイン

線について

線は特にクラスを作っていませんが、線用の画像は書き出しているので参考にしてください

  • グレーの線
  • ピンクの線
  • 茶色の線