Palette
#41499e
background · 50%
#41499e
surface · 50%
#ffffff
text · 7%
#f4efe9
text muted
#a0a0a0
accent · derived · 15%
Text on background 7.9:1 · AAA
media · whimsical
Odd matter
Magazine
Irreverent, sharp, and surreal. Deep cobalt backdrops frame floating 3D collages and bold editorial type that refuses to take culture at face value.
Type
Read it before it rots.
Irreverent, sharp, and surreal. Deep cobalt backdrops frame floating 3D collages and bold editorial type that refuses to take culture at face value.
- Display
- Syne · 700
- Body
- Inter · 400
- Scale
- 14 · 16 · 18 · 26 · 34 · 40 · 70 · 90 · 108 · 115 (×1.69)



Grid
- Columns
- 12
- Gutter
- —
- Margin
- 240px
- Container
- 960px
Setting the text
Read it before it rots.
Irreverent, sharp, and surreal. Deep cobalt backdrops frame floating 3D collages and bold editorial type that refuses to take culture at face value.
- Body
- 14px / 1.7
- Measure
- 89 characters
- Display
- 115px / 1
- Tracking
- -0.02em display · 0em body
Icons
Lucidebold
ISC · lucide.dev



Ratios
background 41%surface 41%text 6%accent 12%
- text on background
- 7.9:1 AAA
- muted text on background
- 6.9:1 AA
- text on surface
- 7.9:1 AAA
- muted text on surface
- 6.9:1 AA
- accent on background
- 3.0:1 AA Large
- background on accent
- 3.0:1 AA Large

Imagery · 3d
Surreal 3D objects and photo collages isolated against a flat, saturated blue background. Studio-lit with crisp silhouettes and vast negative space.
- Light
- Soft diffuse studio lighting with gentle specular highlights
- Grading
- Saturated cobalt-blue background, high contrast, clean whites
- Framing
- Floating elements framed by expansive negative space
- Depth
- Deep; edge-to-edge sharpness
- Texture
- Clean digital render and smooth 3D surface detail
- Ground
- Solid, seamless saturated blue
- Distance
- Mid
Type scale · 14px base · 1.690
h17.188rem
Read it before it rots.
h26.75rem
Read it before it rots.
h35.625rem
Read it before it rots.
h44.375rem
Read it before it rots.
h52.5rem
Read it before it rots.
h62.125rem
Read it before it rots.
p0.875rem
Read it before it rots.
Spacing · base 5
10
12
15
18
20
24
30
Section padding 40px
Components · radius 20/999 · base 5
Buttons
ReadSubscribe
ReadSubscribeSubscribe
Read · disabledTags
mediairreverentdirect
Tabs
ReadSubscribeSteal
Notice
We print what hurts.Magazine
Form
ReadSubscribeNotifications
Read
Cards

mediaGood taste is a trap.Irreverent, sharp, and surreal. Deep cobalt backdrops frame floating 3D collages and bold editorial type that refuses to take culture at face value.Read
“Read it before it rots.Odd Matter
Voice
- Read it before it rots.
- Good taste is a trap.
- We print what hurts.
irreverentdirectconfidentreadsubscribesteal
Motion
- Character
- playful
- Easing
- ease-out
floating surrealist 3D objects with gentle hover physics
Rules
- 01anchor full-width section breaks with a single floating surreal collage breaking frame bounds
- 02enclose secondary links, category filters, and issue numbers inside pill-shaped badges
- 03alternate page canvases between cobalt blue, jet black, and warm cream surfaces
- 04display headlines must use heavy grotesque type with oversized punctuation