Atlascard
A near-black, ultra-premium membership-card interface built on a pure black canvas (#000000) with off-white text, a single deep-blue action color, and cinematic full-bleed imagery. The system reads as quiet luxury — almost no chrome, enormous vertical breathing room, a metallic card hero floating in a violet-to-black gradient, and editorial photography (pools, dining rooms, motorsport) carrying the brand voltage instead of UI decoration. The only saturated element on the page is the blue "Request Invite" CTA.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
button
17px · 400 · 1.235
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 8px | |
| xs | 12px | |
| sm | 16px | |
| md | 20px | |
| lg | 24px | |
| xl | 28px | |
| xxl | 32px | |
| section | 88px | |
| section-lg | 104px | |
| section-xl | 176px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| xs | 4px | |
| sm | 8px | |
| md | 12px | |
| lg | 16px | |
| xl | 18px | |
| xxl | 24px | |
| pill | 128px | |
| full | 1440px |
FAQ
- What colors does Atlascard use?
- Atlascard's core palette includes #f8f8f8, #ffffff, #808080, #000000, #0e0e0e. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Atlascard DESIGN.md.
- What font does Atlascard use?
- Atlascard's primary typeface is Sequel Sans Book. 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 Atlascard design system?
- A near-black, ultra-premium membership-card interface built on a pure black canvas (#000000) with off-white text, a single deep-blue action color, and cinematic full-bleed imagery. The system reads a…