ボックスサンプル

こちらからスキンを変更できます。デザインを変えるとどうなるかをお試しください。

この記事は「見出しとボックス」という記事で説明した内容を、そのままブログ記事として公開したものです。

ボックス(アイコン)

補足情報(i)
補足情報(?)
注意喚起(!)
メモ
コメント
OK
NG
GOOD
BAD
プロフィール

ボックス(案内)

プライマリー(濃い水色)
セカンダリー(濃い灰色)
サクセス(薄い緑)
インフォ(薄い青)
ワーニング(薄い黄色)
デンジャー(薄い赤色)
ライト(白色)
ダーク(暗い灰色)

ボックス(白抜き)

灰色
黄色
赤色
青色
緑色

ボックス(タブ)

組み合わせが多いので、各種類1色ずつ掲載します。
チェック(灰色)
コメント(黄色)
ポイント(赤色)
ティップス(青色)
ヒント(緑色)
ピックアップ(灰色)
ブックマーク(黄色)
メモ(赤色)
ダウンロード(青色)
ブレイク(緑色)
Amazon(灰色)
OK(黄色)
NG(赤色)
GOOD(青色)
BAD(緑色)

ボックス(付箋風)

灰色
黄色
赤色
青色
緑色
タイトルとURLをコピーしました