Amra
An ultra-minimal, near-monochrome marketing surface for a music-royalties platform — white canvas, near-black ink, and a single soft periwinkle accent. The system leans on generous whitespace, large light-weight (400) display type set centered, and one signature piece of brand voltage: a large teal-to-periwinkle gradient orb floating below the hero. Interface chrome is quiet and flat (no shadows), with uppercase monospace navigation and a small pill-shaped audio-player card.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-lg
50px · 400 · 1.2
The quick brown fox jumps
heading
30px · 400 · 1.2
The quick brown fox jumps
body
50px · 400 · 1.2
The quick brown fox jumps
button
16px · 400 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 40px | |
| xxxl | 56px | |
| section | 80px | |
| section-lg | 104px | |
| section-xl | 160px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| md | 8px | |
| lg | 16px | |
| xl | 24px | |
| xxl | 40px | |
| pill | 44px |
FAQ
- What colors does Amra use?
- Amra's core palette includes #141414, #000000, #ffffff, #a1a1a1, #727272. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Amra DESIGN.md.
- What font does Amra use?
- Amra's primary typeface is Inter. 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 Amra design system?
- An ultra-minimal, near-monochrome marketing surface for a music-royalties platform — white canvas, near-black ink, and a single soft periwinkle accent. The system leans on generous whitespace, large…