Epidemicsound

# Epidemicsound — Style Reference
> Crisp Paper, Bold Ink. Like a freshly printed document with critical information highlighted in vibrant markers.
Theme: light

This design system presents a clean, approachable aesthetic with a strong emphasis on content, rather than heavy ornamentation. Subtle background color shifts create visual segmentation, preventing the flat UI from feeling stark. Type takes center stage, particularly the custom 'Sebenta Font' for headlines, which adds a distinct, sophisticated character, contrasting the straightforward 'Inter' for body copy. Playful, high-contrast accent colors are used sparingly to draw attention to key interactive elements and promotions, injecting vibrancy into an otherwise restrained palette.

## Colors
| Name | Value | Role |
|------|-------|------|
| Midnight Ink | `#000000` | Primary text, button backgrounds, navigation elements, key iconography – provides strong contrast against light surfaces. |
| Cloud White | `#ffffff` | Page backgrounds, card surfaces, inverted text for dark buttons. |
| Paper Gray | `#f1f0eb` | Body background, sections, hero background – acts as a subtle off-white base. |
| Ash Gray | `#efefef` | Button backgrounds, subtle dividers – a very light gray for interactive elements. |
| Storm Gray | `#60605` | Secondary text, link text, body copy on lighter backgrounds – provides readability without harshness. |
| Light Steel | `#cfd6e5` | Image backgrounds, card backgrounds, subtle UI element backgrounds – a cool, desaturated gray. |
| Rose Pop | `#ff82c2` | Promotional banners, card highlights, attention-grabbing links – a vivid, high-chroma pink to inject energy. |
| Electric Blue | `#20afff` | Interactive elements, links, occasional highlights – a vibrant blue that directs user attention. |
| Lemon Zest | `#ffda40` | Occasional highlights, secondary promotional elements – adds a bright, energetic touch. |

## Typography
| Family | Role |
|--------|------|
| Inter | Body text, navigation items, buttons, captions, small labels – a highly readable, versatile workhorse font for all functional text. The consistent positive letter-spacing adds an open, informal feel. |
| sebentaFont | Display and headline text – this custom font with its distinctive serifs provides a sophisticated, editorial counterpoint to Inter. The consistent negative letter-spacing for large sizes makes headlines feel tightly composed. |