Brands813
↑ ↓ to browse
View full design.md ↗
MUBI· Mediamubi.com
Media

MUBI

A deep, warm near-black canvas where editorial restraint and curated cinema meet — Suisse Int'l at featherweight tracking, a single amber-cognac accent, and full-bleed film stills as the atmosphere of the entire interface.

Color Palette18 tokens
background#0a0a0a
surface#161616
surface-elevated#1e1e1e
surface-light#f5f2ee
ink#ffffff
ink-secondary#a8a29e
ink-muted#6b6560
on-primary#0a0a0a
on-surface-light#1a1714
primary#e8a87c
primary-dark#c9855a
link#e8a87c
focus-ring#e8a87c
error#e05252
border#2a2825
border-subtle#1f1d1b
shadow-deep#000000
shadow-warm#0d0b09
Buttons
TypographyGoogle Font
Interbrand uses Suisse Int'l
display-hero

The quick brown fox

72px · 300 · -1.5px
display

The quick brown fox

48px · 300 · -0.75px
heading-section

The quick brown fox

28px · 400 · -0.25px
heading-sub

The quick brown fox

20px · 400 · 0px
body-large

The quick brown fox

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

MUBI

A deep, warm near-black canvas where editorial restraint and curated cinema meet — Suisse Int'l at featherweight trackin…

Media
none
sm
md
pill
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
MUBI
A deep, warm near-black canvas where editorial restraint and curated cinema meet — Suisse Int'l at featherweight tracking, a single amber-cognac accent, and full-bleed fi…
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
NewMUBI just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeMediaMUBI
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 MUBI.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// MUBI tokens
export const theme = {
  primary: "#e8a87c",
  radius: "4px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

MUBI's interface is an editorial act of cinematic conviction. Unlike streaming services that optimize for content volume and discovery algorithms, MUBI curates a hand-picked select…

MUBI · Media

Similar systems

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

Filter by this ↗
Resident Advisor83%

shared styles: Dark, Editorial, Minimal · same category: Media

Stripe Press79%

shared styles: Dark, Editorial, Warm · same category: Media

Spotify77%

shared styles: Dark, Minimal · same category: Media

Bloomberg75%

shared styles: Dark, Editorial, Minimal · same category: Media

Serpentine Galleries74%

shared styles: Dark, Editorial, Minimal · same category: Media

The Ringer74%

shared styles: Dark, Editorial, Minimal · same category: Media