Brand Kit (準備中)

Brand color

まとめBox

[box class="box28" title="まとめ"]
[list class="ol-circle li-accentbdr acc-bc-before"]

<ol style="font-weight:bold; ">
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
</ol>

[/list]
[/box]

メリットBox

[box class="box32" title="メリット"]
[list class="ol-circle li-accentbdr acc-bc-before"]

<ol style="font-weight:bold; ">
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ol>

[/list]
[/box]

デメリットBox

[box class="box31" title="デメリット"]

[list class="ol-circle"]
<ol>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ol>
[/list]


[/box]

注意点Box

[box class="box33" title="注意点"]
[list class="ol-circle li-accentbdr acc-bc-before"]

<ol style="font-weight:bold; ">
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ol>

[/list]
[/box]

訴求Box

[center]
<p style="font-weight:bold; color:#dadbe2; font-size:120%; ">
<i class="fas fa-slash"></i> 世界で一番イケてるブログ！ <i class="fas fa-slash" style="transform: scale(-1, 1);">
</i>
</p>

[btn href="https://kakin.tokyo/" class="raised red-bc strong"] 課金.tokyo(公式サイト) <i class="fas fa-chevron-circle-right"></i>

[/btn]
<div style="font-size:90%:">
<i class="fas fa-pen"></i> 年会費無料で一切料金はかかりません！
</br>
<i class="fas fa-pen"></i> 週一回のチェックでWebサービスのトレンドが掴めます！
</div>
[/center]

よく使うFont Awesome

<i class="fab fa-amazon"></i>: Amazonロゴ 
<i class="fab fa-apple"></i>: Appleロゴ
<i class="fab fa-twitter"></i>: Twitterロゴ
<i class="fas fa-pen"></i>: ペン
<i class="fas fa-hashtag"></i>: ハッシュタグ 
<i class="fas fa-angle-double-right"></i>: 右2つ
<i class="fas fa-chevron-circle-right"></i>: 右1つ

「目次に戻る」リンク

<a href="#toc_container" style="font-weight:bold;"><i class="fas fa-arrow-up"></i>目次へ戻る</a>

文飾デザイン

<ol style="font-weight:bold; ">
<li>通常時</li>
<li><b style="border-bottom:2px solid #fd5c63; font-size:103%; ">メリット・強調時</b></li>
<li><b style="border-bottom:2px solid #fd5c63; font-size:103%; ">デメリット・強調時</b></li>
<li><b style="font-size:103%; ">強調時</b></li>
</ol>

ロゴ・プロフィール画像

巻末メッセージ