デザイントマトのWebサイトで使えるテキスト装飾・ボックス装飾一覧

デザイントマトが製作するWebサイトでは、マーカー線を引いたり、線で囲んだボックスやアイコン付きボックスなどを配置したりすることがとても簡単にできます。

このページでは、その「テキスト装飾」・「ボックス装飾」で作成できるコンテンツを一覧でご紹介します。

テキスト装飾の一覧

カラー付きテキスト

赤いテキスト　青いテキスト　緑のテキスト　メインカラーのテキスト

赤・青・緑の色味はカスタマイザーから調節できます。

マーカー線

オレンジマーカー　イエローマーカー　ブルーマーカー　グリーンマーカー

マーカー線の「色・太さ・質感」をカスタマイザーから設定できます。

フォントサイズの変更

サイズ極小　サイズ小　サイズ大　サイズ極大

その他

太字　斜文字　テキストリンク　打ち消し文字　注釈

インラインコード

ファイルアイコン

ディレクトリアイコン

ボックス装飾の一覧

シンプルな装飾

1. グレーの線枠がついたボックス

2. グレーの点線枠がついたボックス

3. メイン色の線枠がついたボックス

4. メイン色の二重線枠がついたボックス

5. 濃い背景色（メインカラーに依存します）

6. 薄い背景色（メインカラーに依存します）

7. 薄いグレーの背景色

8. 薄いグレーストライプの背景色

アクセントの効いた装飾

1. 付箋風

2. 吹き出し風

3. 注釈エリア

4.カギカッコ

5. かぎかっこ（大）

6. 窪み効果

7. 浮き出し効果

8. 横に縦線

9. 吹き出し２

アイコン付きボックス（小）

1. グッドアイコン

2. バッドアイコン

3. インフォアイコン

4. アナウンスアイコン

5. えんぴつアイコン

6. 書籍アイコン

アイコン付きボックス（大）

1. 電球アイコン

2. チェックアイコン

3. バツ印アイコン

4. はてなアイコン

5. アラートアイコン

6. メモアイコン