SWELLで使えるテキスト装飾・ボックス装飾一覧

Instagram Web Site Demo 01

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

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

目次

テキスト装飾の一覧

カラー付きテキスト

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

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

マーカー線

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

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

フォントサイズの変更

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

その他

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

インラインコード

ファイルアイコン

ディレクトリアイコン

ボックス装飾の一覧

シンプルな装飾

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

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

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

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

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

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

7. 薄いグレーの背景色

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

アクセントの効いた装飾

1. 付箋風

2. 吹き出し風

3. 注釈エリア

4.カギカッコ

5. かぎかっこ(大)

6. 窪み効果

7. 浮き出し効果

8. 横に縦線

9. 吹き出し2

アイコン付きボックス(小)

1. グッドアイコン

2. バッドアイコン

3. インフォアイコン

4. アナウンスアイコン

5. えんぴつアイコン

6. 書籍アイコン

アイコン付きボックス(大)

1. 電球アイコン

2. チェックアイコン

3. バツ印アイコン

4. はてなアイコン

5. アラートアイコン

6. メモアイコン

よかったらシェアしてね!

この記事を書いた人

長崎➩福岡
主夫修行中
健康お兄さん
食糧支援
料理支援業/健康管理業/MC業/撮影業/モデル業
〜小さな感動、幸せを大切に〜

目次