VYNL Brand Guide
Vintage poster aesthetic meets clean, modern UI. No glassmorphism. No neon. Just honest, warm design that puts artists first.
Logo
Logo — Light Background
The VYNL wordmark in black for light backgrounds.
Logo — Dark Background
The VYNL wordmark in white for dark backgrounds.
Logo Sizes
XL (200px)Large (140px)Medium (100px)Small (80px)Logo on Brand Colors
Color Palette
Brand Colors
Sand
#EDE4D7
Blue
#00A3D7
Orange
#F04D1A
Green
#49AB4F
Purple
#998AE2
Black
#0A0A0A
Washed Variants
Blue Wash
#D6F0F8
Orange Wash
#FCE0D6
Green Wash
#D8F0D9
Black Wash
#1E1E1E
Purple Wash
#E8E4F8
Sand Wash
#F5F1EA
Semantic Tokens
Background
var(--bg)
Surface
var(--surface)
Surface 2
var(--surface-2)
Surface 3
var(--surface-3)
Typography
Display — Boilover
Aa
Stream Music the Fair Way.
Used for: Headlines, Hero text
Body — Inter
Aa
Vynl's user-centric model ensures your subscription fees go directly to the artists you listen to.
Used for: Body copy, UI elements, Navigation
Type Scale
Buttons
Light Background
Dark Background
Links
Are You an Artist? Sign Up for Beta
Read our terms of service and privacy policy.
Badges
Cards
Card Title
A subtle shadow and soft border create depth without being heavy.
Inset Card
Used for nested content or secondary information.
Poster Card
Bold offset shadow for that vintage poster feel.
LINKIN
PARK
MAC
GRAY
FRANCESCA
LONAMY
MAYA
DAWN
Form Elements
We'll never share your email.
This username is already taken.
Max 500 characters
Textures
Subtle noise texture
Soft radial vignette
Dark Theme
The dark theme inverts the palette while maintaining the vintage warmth. Perfect for the poster-style hero sections.
ArtistName