THE THOR(ザ・トール)のスタイルデザインサンプルをまとめています。マーカー・ラベル・ボタン・ボックスのパーツサンプル、用意されているカラーを一覧でまとめています。
目次
マーカー
マーカーには、よく使うマーカーを設定できます。
色はレッド、ブルー、イエロー、ピンク、グリーン、グレーから選べます
マーカー(太)
マーカー(中)
マーカー(細)
中は文字の視認性が低いので、私は大か細を使っています。
ラベル
角丸レッドラベル
シンプルボーダーラベル
ライム左ラウンドラベル
ブルーボーダーラウンドラベル
丸アイコンオレンジラベル
ピンクアイコンラベル
四角アイコンラベル
破線ボーダーアイコンラベル
ビッグ右ラウンドブルーラベル
ターコイズグラデ右寄せラベル
ラベルはカスタマイズ前提のように感じますが、デフォルトでも角丸レッドラベル・破線ボーダーアイコンラベル・ビッグ右ラウンドブルーラベルはいい感じですね。
ボタン
ボタンはリンクのクリック率にも関わる＝利益にも大きく影響するので、力を入れてカスタマイズすべきものですよね。
デフォルトでもブルーボーダーボタン・ピンクグラデアイコンボタン・グリーン立体アイコンボタンは色だけ変えればいい感じですね。
ボックス
サブタイトルボーダーボックス
BIG括弧ボックス
方眼ペーパーボックス
はてなボックス
ビックリボックス
Qボックス
Aボックス
シンプルアイコンボックス
背景アイコンボックス
帯アイコンボックス
ボックスは、サブタイトルボーダーボックスが便利ですね。他にもはてなボックス・ビックリボックス・Qボックス・Aボックスも使いどころがあります。
選べるカラー一覧
THE THORにデフォルトで用意されている選べるカラーです。見出しはカラーグループ名です。
色ぐらいなら不具合起こさずにいじりやすいので、こだわるなら好きな色を使ってくださいって感じですね。
