Dala
A dramatic dark-canvas product teaser anchored on pure black (#000000) with a single electric-violet CTA color (#8052ff) and oversized PP Neue Montreal display type. The system reads as confident, gallery-dark, and minimal — one enormous tightly-tracked headline, an eyebrow in warm amber, thin low-weight body copy, and a particle-cloud brain visualization filling the right half of the hero. Brand voltage comes entirely from scale (a 112px headline), the violet pill CTA, and the multicolored particle field against deep black.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
112.5px · 400 · 1.1
The quick brown fox jumps
heading
42px · 400 · 1.2
The quick brown fox jumps
title
24px · 700 · 1.5
The quick brown fox jumps
body
18px · 200 · 1.5
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 6px | |
| xs | 14px | |
| sm | 16px | |
| md | 24px | |
| lg | 30px | |
| xl | 38px | |
| xxl | 48px | |
| section | 60px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| sm | 10px | |
| lg | 22px | |
| xl | 24px | |
| pill | 50px |
FAQ
- What colors does Dala use?
- Dala's core palette includes #8052ff, #ecd6ff, #ffb829, #ffffff, #bdbdbd. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Dala DESIGN.md.
- What font does Dala use?
- Dala's primary typeface is PPNeueMontreal. 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 Dala design system?
- A dramatic dark-canvas product teaser anchored on pure black (#000000) with a single electric-violet CTA color (#8052ff) and oversized PP Neue Montreal display type. The system reads as confident, ga…