Brands813
↑ ↓ to browse
View full design.md ↗
Luma· AIlumalabs.ai
AI

Luma

A pure binary contrast system — absolute black canvas against absolute white — where Graphik's medium weight carries every headline at negative tracking, pill-radius swallows every interactive element, and zero chromatic color leaves AI-generated video and imagery as the only spectacle on screen.

Color Palette20 tokens
background#000000
surface#0a0a0a
surface-raised#141414
surface-light#ffffff
surface-muted#f5f5f5
ink#ffffff
ink-strong#000000
ink-secondary#8c8c8c
ink-muted#737373
on-primary#000000
primary#ffffff
primary-dark#000000
primary-hover#e6e6e6
primary-dark-hover#1a1a1a
border#2a2a2a
border-light#e5e5e5
shadow-soft#000000
shadow-deep#000000
scrim-light#ffffff
scrim-dark#000000
Buttons
TypographyGoogle Font
DM Sansbrand uses Graphik
display-hero

The quick brown fox

52px · 500 · -2.08px
display

The quick brown fox

48px · 500 · -1.92px
heading

The quick brown fox

32px · 500 · -1.28px
heading-sub

The quick brown fox

22px · 500 · -0.66px
body-large

The quick brown fox

18px · 400 · -0.54px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Luma

A pure binary contrast system — absolute black canvas against absolute white — where Graphik's medium weight carries eve…

AI
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Luma
A pure binary contrast system — absolute black canvas against absolute white — where Graphik's medium weight carries every headline at negative tracking, pill-radius swal…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewLuma just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeAILuma
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Luma.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Luma tokens
export const theme = {
  primary: "#ffffff",
  radius: "16px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Luma AI operates at the extreme of constraint: two colors, one typeface, and the full-bleed generative output of its own models doing all the visual work. The canvas is pure black…

Luma · AI

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Krea95%

shared styles: Dark, Minimal, Mono · same category: AI

Runway83%

shared styles: Dark, Minimal, Mono · same category: AI

Magnific81%

shared styles: Dark, Minimal, Bold · same category: AI

Recraft81%

shared styles: Dark, Minimal, Bold · same category: AI

Udio80%

shared styles: Dark, Minimal, Bold · same category: AI

Midjourney79%

shared styles: Dark, Minimal, Bold · same category: AI