RCA Records
Mechanical hardware aesthetic meets modern digital minimalism. Stark hairline grids and ultra-heavy display typography emulate a physical drum machine on a pitch-black canvas.
Visit siteColour
Background#0f0e0e
Text#fcfdf8
Accent#ff4a23
Surface#0f0e0e
Muted#828282
Typefaces
- Display
- CompactaBq
- Body
- SuisseBP
- Mono
- —
- Source
- self_hosted
- Scale
- 14 · 16 · 18 · 24 · 30 · 48
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 0px · 4px
Capture
- Category
- media
- Sections
- 2
- Captured
- 2026-08-30
- Rhythm
- dark x2
Type rules
- display type in heavy uppercase grotesque
- interface labels and body in neutral sans at 14px
Colour rules
- monochrome black and off-white base grid
- electric orange reserved exclusively for the email capture banner
Voice rules
- terse interface labels
- minimal casual instructions
Holds it together
- render interactive instrument controls within stark hairline grid cells
- use neon orange as a full-bleed horizontal break for calls to action
- anchor layouts with oversized branding and utility typography
Contrast
text on background18.9:1 AAA
muted text on background5.0:1 AA
text on surface18.9:1 AAA
accent on background5.7:1 AA
background on accent5.7:1 AA
Type, measured
- Body
- 14px / 1
- Measure
- 57 characters
- Display
- 168px / 1
- Tracking
- 0em display
- Scale ratio
- 1.86
Voice
- Tone
- direct, playful
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- subscribe, reset
Built with
- Builder
- —
- Framework
- —
- Motion
- gsap
- WebGL
- —
- Nav
- —
- Length
- 1.8 screens
Sections in page order
2 marked strong · 2- 00
hero
StrongStark mechanical drum sequencer interface rendered in high-contrast monochrome with an electric orange newsletter banner.
- Mood
- raw + playful
- Layout
- 1 col · grid · balanced
- 01
footer
StrongStark pitch-black minimalist footer anchored by a massive high-contrast RCA wordmark on the right and quiet utility links on the left.
- Mood
- bold + raw
- Layout
- 1 col · split · airy
