ホーム／カード・ボックス

カード・ボックス

情報をまとめるカード。お知らせ・商品・料金などに。色や角丸を調整。

基本カード

basic

影で浮かせる

shadow

上部アクセント

top-accent

アイコン付き

icon

料金カード

pricing

ホバーで浮上

hover

枠グラデ

gradient-border

引用カード

quote

プロフィール

profile

統計カード

stat

画像上テキスト

overlay

ボーダー4辺色

colored-border

FAQ（Q&A）

faq

通知カード

notification

記事カード

blog

商品カード

product

横型サムネカード

horizontal

背景大アイコンカード

bg-icon

著者ボックス

author

チームカード

team

ダッシュボードカード

dashboard

進捗付きタスクカード

task

画像左・横型記事

media-left

横型プロフィール

profile

アイコン特徴カード

feature

ホバーで浮くカード

hover

画像オーバーレイ

image

グラスモーフィズム

glassmorphism

上ボーダー強調

top

番号付き特徴

numbered

横並びメディア

horizontal

イベント日付カード

card

アイコン横並びカード

card

ステータスカード

card

引用符大カード

card

クーポンカード

card

プロフィール完成度カード

card

実績数値カード

card

タイムライン風カード

card

3Dチルトカード

card

グラス情報カード

card

グラデ枠光るカード

card

ネオモーフィズムカード

card

ホバー展開カード

card