カード （ 作例 ）
テキストのみで構成されたカード
メインエリアのみで構成
- リンク付きタイトル、デスクリプションを使用
画像とテキストの組み合わせのカード
イメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトルを使用
横方向にイメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトル、デスクリプションを使用
イメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトルを使用
横方向にイメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトルを使用
イメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトル、デスクリプションを使用
横方向にイメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトル、デスクリプションを使用
イメージエリアとメインエリアで構成
- イメージエリアに動画を使用
- メインエリアにリンク付きタイトル、デスクリプション、エンドアイコンを使用
横方向にイメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにタイトル、デスクリプション、エンドアイコン、ディバイダー、アクションボタンを使用
メインエリアとサブエリアで構成
- メインエリアにフロントアイコン、ラベル、リンク付きタイトル、デスクリプション、画像を使用
- サブエリアにアクションボタンを使用
メインエリアとサブエリアで構成
- メインエリアにタイトル、エンドアイコン、画像を使用
- サブエリアにアクションボタンを使用
メインエリアとサブエリアで構成
- メインエリアにタイトル、画像を使用
- サブエリアにリンクリストを使用
- メインエリアとサブエリアの境界を視覚的に区切ったもの
イメージエリア、メインエリア、サブエリアで構成
- イメージエリアに画像を使用
- メインエリアにラベル、リンク付きタイトル、デスクリプションを使用
- サブエリアにアクションボタンを使用
横方向にイメージエリア、メインエリア、サブエリアで構成
- イメージエリアに画像を使用
- メインエリアにラベル、リンク付きタイトル、デスクリプションを使用
- サブエリアにアクションボタンを使用
イメージエリア、メインエリア、サブエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトル、デスクリプションを使用
- アバターがイメージエリアに重なって表示
- サブエリアにアクションボタンを使用
イメージエリアとメインエリアで構成
- イメージエリアに画像、チェックボックスを使用
- メインエリアにタイトル、デスクリプションを使用
ダッシュボードのようなカード
メインエリアのみで構成
- タイトル、デスクリプションを使用
横方向にメインエリアとイメージエリアで構成
- メインエリアにリンク付きタイトルを使用
- イメージエリアに画像を使用
ボタンのようなカード
イメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトルを使用
横方向にイメージエリアとメインエリアで構成
- イメージエリアに画像を使用
- メインエリアにリンク付きタイトルを使用