VINYL
Warm amber in a record store at midnight
For the person who spends Saturday afternoons flipping through crates of vinyl, argues about pressings, and thinks streaming killed album art. Warm amber glow, charcoal shelves, analog warmth.
Overview
Record stores at closing time, tube amplifier glow, album liner notes, 70s hi-fi, warm incandescent light.
- Warm amber + charcoal palette
- Analog warmth feeling
- Rich, deep surfaces
- Orange accent glow
- Music blogs
- Record label sites
- Podcast platforms
- Audio equipment reviews
This theme is part of AuraFlow CSS — a collection of drop-in design systems by Dehlya Studio. Each theme is a complete set of CSS custom properties you can install via npm install auraflowor drop in from unpkg. Pure CSS, zero runtime, framework-agnostic.
Color System
The color palette for Vinyl is designed to create a cohesive and visually appealing experience. Each color has been carefully selected to work harmoniously together and convey the theme’s unique personality.
Typography
Typography is a fundamental element of the Vinyl theme. The font choices, sizes, and styles work together to create a distinctive visual hierarchy and reading experience.
Bold, impactful headings for maximum visual impact.
- Font
- Cormorant Garamond
- Weight
- 900
- Size
- 4.5rem
- Line height
- 1
- Tracking
- -0.02em
Section headers with distinctive character.
- Font
- Cormorant Garamond
- Weight
- 700
- Size
- 2rem
- Line height
- 1.15
- Tracking
- -0.01em
Clean, readable text for content.
- Font
- Inter
- Weight
- 400
- Size
- 1rem
- Line height
- 1.6
- Tracking
- 0.01em
Monospaced text for code and metadata.
- Font
- Roboto Mono
- Weight
- 500
- Size
- 0.875rem
- Line height
- 1.5
- Tracking
- 0
Components
A small library of common UI components rendered with Vinyl’s tokens — buttons, form fields, cards, badges. Drop-in preview of how your interface would feel.
Real-world Previews
See what Vinyl looks like on real product surfaces. Each preview is rendered entirely with this theme’s design tokens — swap themes and the same layouts re-skin automatically.
Good morning, Dehlya
- MMaya R. shipped a new release2m ago
- KKenji resolved 4 bug reports12m ago
- LLéa closed the Q2 retro1h ago
- OOmar flagged the auth middleware3h ago
| Project | Status | Progress | Due |
|---|---|---|---|
| Auth rewrite | active | 82% | Apr 22 |
| Billing v2 | active | 45% | May 03 |
| Onboarding revamp | review | 95% | Tomorrow |
| Search relevance | planning | 20% | May 10 |