Duna

A warm, editorial AI-native compliance-platform interface built on a white canvas with near-black text, painterly full-bleed landscape imagery, and a single quietly-confident display typeface (GT America). The system reads as calm modern SaaS with an art-directed twist — soft warm neutrals (#edece7 / #f7f7f5), generously rounded pill CTAs, large negatively-tracked headlines set in GT America Regular weight 400, and occasional saturated brand moments (lime badge dot, teal-sky AI band) punctuating an otherwise monochrome warm-gray palette.

duna.com

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

h1 72px · 400 · 1.0

The quick brown fox jumps

h2 44px · 400 · 1.1

The quick brown fox jumps

h3 40px · 400 · 1.2

The quick brown fox jumps

h4 32px · 400 · 1.2

The quick brown fox jumps

body 16px · 400 · 1.5

The quick brown fox jumps

button 14px · 400 · 1.0

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	8px
tight	10px
sm	12px
md	16px
base	20px
lg	24px
xl	40px
xxl	48px
huge	60px

Border Radius

Name	Value	Preview
xs	8px
sm	12px
md	16px
lg	24px
xl	40px
xxl	60px
pill	999px
full	9999px

FAQ

What colors does Duna use?: Duna's core palette includes #eeeeee, #444444, #000000, #0d0d0d, #292421. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Duna DESIGN.md.
What font does Duna use?: Duna's primary typeface is GT America. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the Duna design system?: A warm, editorial AI-native compliance-platform interface built on a white canvas with near-black text, painterly full-bleed landscape imagery, and a single quietly-confident display typeface (GT Ame…

More like this

↓ .md ↓ All files

loading…