Styleguide

Font Guide

英語 Cormorant Garamond(Google・Adobe)
日本語 游ゴシック
見出し:ボールド/本文:ミディアム

Color

text
#222222

green
#4c7b83

pale-green
#90ada8

dark-green
#2d494e

light-gray
#f7f7f7

gray
#bcbcbc

dark-gray
#4c4747

Notece

本文の行間は1.6以上で指定してください。

H2Design

見出しh2のデザインです

h2の下は30px以上あけてください。h2の下は30px以上あけてください。
h2の下は30px以上あけてください。

見出しh3の共通デザインです

h3の下は30px以上あけてください。

左寄せ見出しh2のデザインです

h2の下は30px以上あけてください。

左寄せ見出しh3の共通デザインです

h3の下は30px以上あけてください。
リストデザインは下記のように指定してください。上下余白は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の下は30px以上あけてください。
dlデザインは下記のように指定してください。上下余白は30pxです。

dtテキスト
ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。
dtテキスト
ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。
dtテキスト
ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。
見出しh5の共通デザインです

h5の下は30px以上あけてください。
テーブルデザインは下記のように指定してください。上下余白は30pxです。

thテキスト tdテキストが入ります。tdテキストが入ります。tdテキストが入ります。
thテキスト tdテキストが入ります。tdテキストが入ります。tdテキストが入ります。
thテキスト tdテキストが入ります。tdテキストが入ります。

各ページフッターまでの間は100pxあけてください。