スタイルガイド Style Guide

Font Guide

英語Barlow Condensed(Google)

日本語ヒラギノ角ゴシック

Color

black
#000000

blue
#033297

light-blue
#edf1f8

yellow
#e8b300

gray
#d8dce6

Style Guide

h2のデザインです。

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

h3のデザインです。

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

h4のデザインです。

h4の下は30px以上あけてください。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

h5のデザインです。

h5の下は30px以上あけてください。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

リストデザインは下記のように指定してください。上下余白は30pxです。

  • ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
  • ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
  • ulテキストが入ります。ulテキストが入ります。ulテキストが入ります。
  1. olテキストが入ります。olテキストが入ります。olテキストが入ります。
  2. olテキストが入ります。olテキストが入ります。olテキストが入ります。
  3. olテキストが入ります。olテキストが入ります。olテキストが入ります。

dlデザインは下記のように指定してください。上下余白は30pxです。

dtテキスト
ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。
dtテキスト
ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。
dtテキスト
ddテキストが入ります。ddテキストが入ります。ddテキストが入ります。

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

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

当学習塾では、お金に関する教養のほか、資産運用や副業として、FXのトレード方法などの情報も提供しております。
どんな事でもお尋ねください。

line QR