Brands813
↑ ↓ to browse
View full design.md ↗
Resident Advisor· Mediara.co
Media

Resident Advisor

The global authority on electronic music culture — paper-white canvas, utilitarian sans at every scale, a single coral-red brand mark, and an information-dense grid that treats every pixel as schedulable real estate.

Color Palette20 tokens
background#ffffff
surface#f5f5f5
surface-dark#111111
surface-raised#fafafa
ink#0d0d0d
ink-soft#1a1a1a
ink-muted#767676
ink-faint#b3b3b3
on-background#0d0d0d
on-surface#1a1a1a
on-dark#ffffff
primary#f44336
on-primary#ffffff
primary-hover#d32f2f
primary-container#fdecea
text-hover#f44336
focus-ring#f44336
border#e0e0e0
border-strong#0d0d0d
shadow-soft#000000
Buttons
TypographyGoogle Font
Interbrand uses RA Text
display-hero

The quick brown fox

56px · 700 · -0.5px
display

The quick brown fox

36px · 700 · -0.25px
heading-section

The quick brown fox

24px · 700 · 0px
heading-sub

The quick brown fox

18px · 600 · 0px
body-large

The quick brown fox

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

Resident Advisor

The global authority on electronic music culture — paper-white canvas, utilitarian sans at every scale, a single coral-r…

Media
none
sm
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
Resident Advisor
The global authority on electronic music culture — paper-white canvas, utilitarian sans at every scale, a single coral-red brand mark, and an information-dense grid that…
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
NewResident Advisor just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeMediaResident Advisor
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 Resident Advisor.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Resident Advisor tokens
export const theme = {
  primary: "#f44336",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Resident Advisor is the information infrastructure of the global electronic music scene. Its design reflects that function directly: the page is white, the grid is relentless, and…

Resident Advisor · Media

Similar systems

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

Filter by this ↗
Bloomberg92%

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

Serpentine Galleries90%

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

MUBI83%

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

Spotify76%

shared styles: Dark, Minimal · same category: Media

Molecular Sound74%

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

032c73%

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