Y42
A dark, cinematic data-orchestration interface built on a near-black canvas (#111114) with a single vivid lavender-purple CTA, Inter typography at medium weight with tight negative tracking, and large pill-shaped buttons. The system reads as confident developer-platform SaaS — space-black backdrop with a faint starfield, product-UI screenshots shown directly in-page, glowing accent shadows on hero artifacts, and squared (0px-radius) screenshot containers. Brand voltage comes from the oversized \"The Data Must Flow.\" display headline and the lone purple action color against an otherwise monochrome dark palette.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
78px · 500 · 1.051
The quick brown fox jumps
h2
48px · 500 · 1.167
The quick brown fox jumps
h3
36px · 500 · 1.222
The quick brown fox jumps
body
22px · 400 · 1.364
The quick brown fox jumps
button
14px · 400 · 1.286
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 8px | |
| xs | 12px | |
| sm | 16px | |
| md | 20px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 48px | |
| xxxl | 64px | |
| section | 72px | |
| section-lg | 128px | |
| section-xl | 160px | |
| gutter-wide | 224px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| md | 8px | |
| lg | 12px | |
| pill | 999px | |
| full | 1000px |
FAQ
- What colors does Y42 use?
- Y42's core palette includes #a8a4fd, #111827, #f2f2f2, #c6c5c5, #bebdbf. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Y42 DESIGN.md.
- What font does Y42 use?
- Y42'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 Y42 design system?
- A dark, cinematic data-orchestration interface built on a near-black canvas (#111114) with a single vivid lavender-purple CTA, Inter typography at medium weight with tight negative tracking, and larg…