PAGE TITLE
ページ見出し_h1
ヘッドライン
HEADLINE
大見出し_h2 ttl_l
中見出し中見出し ttl_m
ダミーのリード文です。基本は大見出しまたは中見出し下の最初の説明文で使う想定です。
センター揃えがデフォルトで場合によっては左寄せで使います。
大見出し・セクション見出し_h2
中見出し中見出し
ダミーのリード文です。基本は大見出しまたは中見出し下の最初の説明文で使う想定です。
センター揃えがデフォルトで場合によっては左寄せで使います。
中見出し中見出し
中見出しのコンテンツが縦に続く場合は2個めの中見出しの上に余白40px以上入れてください。
中見出し左よせ
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
ボタンデザイン
ボタンは最大横幅300px、600pxの2種類を使い分けてください。ボタン内の文字数は原則として300pxのボタンが8文字、600pxのボタンが22文字でお願いします。もしそれ以上の文字数のボタンを作成しなければいけない場合は2行になるよう調整してください。
ボタン中
ボタン大
ボタンフル
横並びボタン
ボタンを複数横に並べる場合はボタン間に24px余白を入れてください。
ボタンを横幅いっぱいに広げて表示する場合も同じです。
リストデザイン
リストの余白は通常、数字付き共通でリスト間の余白は縦並べの場合12px、横並べの場合32pxとしてください。
カラム割りするリストは32pxでなくてOKです。
縦並べ
- リストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテム
- リストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテム
- リストアイテム
横並べ
- リストアイテム
- リストアイテム
- リストアイテム
カラム
- リストアイテム
- リストアイテム
- リストアイテム