kami は「紙を編集する」という理念の UI システムです。暖かな羊皮紙色（#f5f4ed）が純白のキャンバスに代わり、インクブルー（#1B365D）のアクセントは表面積の 5% を超えません。グレースケールはすべて暖色寄りで、セリフ体（Charter、蒼耳今楷、思源宋体）がすべての階層を担い、ウェイト 500 に固定し斜体は使いません。出版、読書、文芸的な趣のコンテンツプロダクトに適しています。
kami（紙）エディトリアルと印刷
プロンプトテンプレート
基本テンプレート
Design a kami-inspired interface. - Warm parchment canvas (#f5f4ed) — never #ffffff; - Single accent: ink-blue (#1B365D), covers ≤ 5% of any surface; - All grays warm (R ≈ G > B), no cool blue-grays anywhere; - Serif everywhere for hierarchy: Charter (EN), TsangerJinKai02 / Source Han Serif (CN), YuMincho (JA); - Locked at weight 500 — no synthetic bold (700/900) and **no italic**. Colors: #1B365D, #2D5A8A, #f5f4ed, #faf9f5 with #1B365D accent.
バリエーションプロンプト
📱 モバイル
Design a mobile app with kami aesthetics. Use kami color identity with #1B365D accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with kami style. Use kami color identity with #1B365D accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with kami design language. Use kami color identity with #1B365D accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with kami visual identity. Use kami color identity with #1B365D accents. Compelling, conversion-focused.
使用例
kami（紙）アプリ
WebBuild a web app with kami design language and #1B365D color system.
kami（紙）ダッシュボード
ダッシュボードCreate a dashboard using kami style with data visualization and modern typography.
✅ 適した用途
- 編集・出版
- 読書と出版プロダクト
- 優雅な作品展示
❌ 適さない用途
- ネオン系テック UI
- 高頻度のゲームページ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。