カード
Card
別名: カードコンポーネント / Card Component
ライブデモ
説明
一言で説明
関連する情報をまとめて1つの視覚的なコンテナに入れたUI要素。角丸と影が特徴的。
いつ使う？
商品、記事、ユーザー情報など、まとまった情報を一覧で並べて表示したいとき。
💡 日常の言い方
「角丸の四角の中に情報がまとまってるやつ」
似ている用語との違い
カード vs パネル
パネルはセクション区切りの汎用コンテナ。カードは個別のコンテンツ単位を表し、影やホバーエフェクトがあることが多い。
AIへの指示例
ブログの記事一覧をカードレイアウトで表示して。各カードにサムネイル、タイトル、日付、カテゴリタグを入れて。ホバーで浮き上がるエフェクト付き。