Epidemicsound

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. Use Midnight Ink (#000000) for all primary body text and headings to ensure high contrast. Apply Rose Pop (#ff82c2) sparingly for promotional banners and key feature highlights to create visual pop. Employ the 'sebentaFont' at weight 500 for all headlines 20px and above, maintaining negative letter spacing values (-0.02em to -0.04em) to achieve a sophisticated, distinctive look. Utilize Paper Gray (#f1f0eb) as the default page and section background color, varying it subtly for content blocks where more visual separation is needed. Buttons and cards must always have a 0px border radius, reinforcing the crisp, boxy aesthetic of the UI. Ensure all text set in 'Inter' maintains a positive letter spacing of 0.1000em for an open, airy feel. Maintain a minimum vertical spacing of 40px between major content sections on the page. Do not use saturated brand colors for extensive text blocks; reserve them for accents and banners. Avoid using box shadows or gradients, as the system relies on flat colors and subtle background shifts for depth. Do not round corners on cards or buttons; maintain the explicit 0px border radius for a sharp, defined appearance. Do not substitute 'Inter' for 'sebentaFont' in headlines, as the custom font is crucial for brand identity. Avoid excessive use of the vivid accent colors simultaneously; typically, one strong accent color per section is sufficient to avoid visual clutter.