UIサンプル集の一覧ページ
[ui_samples_grid per=”24″]
- ［PR］安全：失敗回避（サンプル）
- ［PR］深掘り：仕組み解説（サンプル）
- ［PR］最短：結論だけ（サンプル）
UIサンプル集
ChatGPTとのやり取りで作った最小UIをコピペ保管。あとでAIにそのまま渡せます。
2列カード（画像＋本文＋CTA）
最小HTML/CSSで作る汎用カード。スマホで1列化。
ヒーロー（最小）
大見出し＋1段リード＋主ボタンの極小ヒーロー。
FAQ（アコーディオン）
JS不要の details/summary 版。SEOにも優しい。
価格表（3カラム）
見出し・価格・特徴・ボタンの定番レイアウト。
- ［PR］最短：結論だけ（サンプル）
- ［PR］深掘り：事例まとめ（サンプル）
- ［PR］安全：チェックリスト（サンプル）
ステップ（進捗表示）
申込みや導線の段階を示すシンプルなUI。
記事目次（最小）
小見出しをリスト化。ブロックエディタでも馴染む。
ギャラリー（メイソンリー風）
CSSだけで軽い見栄えの画像一覧。
フォーム（最小問い合わせ）
名前/メール/本文だけの超軽量フォーム例。
決済はStripeで安全に処理されます。
- ［PR］安全：失敗回避（サンプル）
- ［PR］最短：結論だけ（サンプル）
- ［PR］深掘り：理由と背景（サンプル）
Amazonで「サンプル・pr」を検索
Amazonで探す
この記事の感想をこっそり教えてください（非公開）
