Style Guide
FONT GUIDE
英語 Dunbar Low Light(Adobe Fonts)
日本語
ヒラギノ角ゴシック(モリサワ Fonts)
(見出し:W6/本文:W3)
FOT-筑紫A丸ゴシックStd(Adobe Fonts)
カテゴリータイトル:レギュラー
COLOR
text
#333333
dark-gray
#343d43
dark-blue
#002e48
light-blue
#ecf2f3
NOTICE
本文の行間は1.6以上で指定してください。
STYLEGUIDE
タイトル・テキストは原則左寄せで統一してください。innerサイズは1000pxです。
見出しh2の共通デザインです。
h2の下は40px以上あけてください。
私たちのミッションは、変化が激しいこの時代で社会にとって、人々にとって本当に必要不可欠だと感じたサービス、商品を全力で支援します。広告という枠組みだけに囚われず何が最善の施策なのかを考え、お客様に向き合います。
見出しh3の共通デザインです。
h3の下は40px以上あけてください。
リストデザインは下記のように指定してください。上下余白は30pxです。
- ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
- ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
- ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
- olテキストが入ります。olテキストが入ります。olテキストが入ります。olテキストが入ります。
- olテキストが入ります。olテキストが入ります。olテキストが入ります。olテキストが入ります。
- olテキストが入ります。olテキストが入ります。olテキストが入ります。olテキストが入ります。
見出しh4の共通デザインです。
h4の下は40px以上あけてください。
dlデザインは下記のように指定してください。上下余白は30pxです。
- dtテキスト
- ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。
- dtテキスト
- ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。
- dtテキスト
- ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。
見出しh5の共通デザインです。
h5の下は40px以上あけてください。
テーブルデザインは下記のように指定してください。上下余白は30pxです。
thテキスト | tdテキストが入ります。tdテキストが入ります。tdテキストが入ります。 |
---|---|
thテキスト | tdテキストが入ります。tdテキストが入ります。tdテキストが入ります。tdテキストが入ります。 |
thテキスト | tdテキストが入ります。tdテキストが入ります。 |
引用文のデザインは下記のように指定してください。上下余白は30pxです。
引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。 引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。
各ページフッターまでの間は100pxあけてください。