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