モダンで拡張しやすいHTMLサンプル

このテンプレートは、見出し・カード・テーブル・フォームなど、よく使うUI要素を最小限のスタイルで用意しています。必要に応じてコンポーネント単位で切り出して使えます。

はじめるお問い合わせ

特徴

カードレイアウトの例。BEMなどお好みの命名規則に差し替えてください。

シンプルなカード。影・角丸・余白のトークンを統一しています。

詳しく

Table

caption/thead/tbodyを備え、横スクロールに対応。

Form

ラベル・フォーカス・エラーメッセージの基本スタイルを用意。

フォームへ

このセクションは本文（article）の例です。適切な見出し構造、段落、リンク、強調などを配置してください。強調やイタリックの扱いも確認できます。

料金サンプル（ダミー）

プラン	月額	ユーザー数	備考
Free	¥0	1	個人検証向け
Pro	¥2,000	5	小規模チーム
Business	¥6,000	無制限	監査ログ/権限管理

フォームUIのサンプル。バリデーションや送信処理は任意で追加してください。