スタイルガイド Style Guide
Font
見出しやメニューなどの英語/
Open Sans（Adobe Fonts）
日本語（本文の英語も含む）
源ノ角ゴシック（Adobe Fonts）または Noto Sans Japanese（Google Fonts）
Color
text
#333
dark-gray
#c2c2c2
light-gray
#eee
orange
#ffa00a
dark-green
#007770
green
#74b3af
light-green
#a7dad7
pale-green
#ecf4f4
Notice
本文の行間は1.6以上で指定してください。
Style Guide
タイトル・テキストは原則左寄せで統一してください。
innerサイズは1000pxです。メインコンテンツのサイズは750pxです。
サイドメニューは固定です。
見出しh2の共通デザインです。
h2の下は40px以上あけてください。
私たちのミッションは、変化が激しいこの時代で社会にとって、人々にとって
本当に必要不可欠だと感じたサービス、商品を全力で支援します。
広告という枠組みだけに囚われず何が最善の施策なのかを考え、お客様に向き合います。
見出しh3の共通デザインです。
h3の下は40px以上あけてください。
リストデザインは下記のように指定してください。上下余白は30pxです。
- ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
- ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
- ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
- 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の共通デザインです。
h5の下は40px以上あけてください。
テーブルデザインは下記のように指定してください。上下余白は30pxです。
| thテキスト | tdテキストが入ります。tdテキストが入ります。tdテキストが入ります。 |
|---|---|
| thテキスト | tdテキストが入ります。tdテキストが入ります。tdテキストが入ります。tdテキストが入ります。 |
| thテキスト | tdテキストが入ります。tdテキストが入ります。 |
引用文のデザインは下記のように指定してください。上下余白は30pxです。
引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。
引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。引用文が入ります。
引用文が入ります。引用文が入ります。
各ページフッターまでの間は100pxあけてください。