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テキストが入ります。
  1. olテキストが入ります。olテキストが入ります。olテキストが入ります。olテキストが入ります。
  2. olテキストが入ります。olテキストが入ります。olテキストが入ります。olテキストが入ります。
  3. 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あけてください。