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

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

特徴

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

UI

カードコンポーネント

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

詳しく
Table

アクセシブルなテーブル

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

サンプルを見る
Form

フォーム一式

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

フォームへ

概要

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

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

お問い合わせ

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

必須
例: name@domain.jp