Card

商品やイベントなど、コンテンツの一覧を見せる方法として、リスト形式が挙げられますが、このような写真やタイトル、そのたサマリなどを見せるためのカードという解決策は有名フリマアプリなどにも広く採用されています。

実用例

イメージ
リモート体験会

2021.8.12

新しい生活スタイルにより良い提案があります。お客様にもっと知っていただきたいという思いから、リモートにて体験会を実施します。もちろん、参加無料です。

お申し込み

ボックス

borderのスタイリングでカードの輪郭をわかりやすくする場合です。

イメージ
リモート体験会

2021.8.12

新しい生活スタイルにより良い提案があります。お客様にもっと知っていただきたいという思いから、リモートにて体験会を実施します。もちろん、参加無料です。

お申し込み

ただ、この場合だとボーダーの色が強すぎてカードがたくさん並ぶと、最も重要なコンテンツである商品が引き立たないかもしれません。
この場合の解決法として、背景色との差をつける方法があります。

イメージ
リモート体験会

2021.8.12

新しい生活スタイルにより良い提案があります。お客様にもっと知っていただきたいという思いから、リモートにて体験会を実施します。もちろん、参加無料です。

お申し込み

影なしボックス

影をなくしたい場合はボーダーを表示します。

イメージ
リモート体験会

2021.8.12

新しい生活スタイルにより良い提案があります。お客様にもっと知っていただきたいという思いから、リモートにて体験会を実施します。もちろん、参加無料です。

お申し込み