UIサンプル集の一覧ページ

[ui_samples_grid per=”24″]

［PR］【ふるさと納税】Amazon限定の返礼品を見る！
［PR］買取実績豊富な安心安全の査定！ブランド専門宅配買取【セカンドストリート】
［PR］タイヤとアルミホイールのことならタイヤワールド館ベスト！スマホで簡単取付予約！

UIサンプル集

［PR］最低利用期間も違約金もないお得なインターネット回線は「DTI 光」
［PR］高価買取！スマホ・iPhone・iPad・Androidなどを買取するなら【モバゾウ】
［PR］日本から海外の動画を見たい！テレワーク・フリーWiFiを使った時のセキュリティ強化！アプリをインストールするだけ！！【MillenVPN（ミレンVPN）】

ChatGPTとのやり取りで作った最小UIをコピペ保管。あとでAIにそのまま渡せます。

2列カード：画像・本文・ボタンのカード
2列カード（画像＋本文＋CTA）
最小HTML/CSSで作る汎用カード。スマホで1列化。
 ヒーローセクション：大見出しと説明、ボタン
ヒーロー（最小）
大見出し＋1段リード＋主ボタンの極小ヒーロー。
 FAQアコーディオン：質問と回答の開閉UI
FAQ（アコーディオン）
JS不要の details/summary 版。SEOにも優しい。
 価格表：3カラムのプライシングテーブル
価格表（3カラム）
見出し・価格・特徴・ボタンの定番レイアウト。
 ステップ表示：進行状況を示す水平ステップUI
ステップ（進捗表示）
申込みや導線の段階を示すシンプルなUI。
 目次：記事目次のシンプルなボックス
記事目次（最小）
小見出しをリスト化。ブロックエディタでも馴染む。
 ギャラリー：簡易メイソンリーの画像一覧
ギャラリー（メイソンリー風）
CSSだけで軽い見栄えの画像一覧。
 問い合わせフォーム：名前・メール・本文の最小
フォーム（最小問い合わせ）
名前/メール/本文だけの超軽量フォーム例。
［PR］革新技術で掃除機の常識を超える！【Narwal（ナーワル）】
［PR］【GOKUMIN】入賞実績多数！マットレスと枕であなたの睡眠の悩みを解決します！
［PR］雑誌でも話題！美容室・サロンシェアNo.1ブランドNobbyから誕生した【Nobby by TESCOM】
決済はStripeで安全に処理されます。
Amazonで「pr・ui」を検索
Amazonで探す

この記事の感想をこっそり教えてください（非公開）

タグ
pinpoint
pinpoint
記事本文: 10834

関連投稿

Copyright © 2025 - Pinpoint.jp