kami is an editorial paper system: a warm parchment canvas (#f5f4ed) replaces pure white, ink-blue (#1B365D) covers under 5% of any surface, every gray leans warm, and serif faces (Charter, Source Han Serif) carry all hierarchy — locked at weight 500 with no italics. A natural fit for publishing and reading products.
BoldEditorial
Prompt Template
Base Template
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.
Variant Prompts
📱 Mobile
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.
📊 Dashboard
Design a dashboard with kami design language. Use kami color identity with #1B365D accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with kami visual identity. Use kami color identity with #1B365D accents. Compelling, conversion-focused.
Usage Examples
kami App
WebBuild a web app with kami design language and #1B365D color system.
kami Dashboard
DashboardCreate a dashboard using kami style with data visualization and modern typography.
✅ Best For
- Editorial
- Reading and publishing products
- Elegant portfolio showcases
❌ Avoid For
- Neon tech interfaces
- High-frequency game pages
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.