Winamp

Winamp

Preview image. Unlock full-res

Crisp digital canvas

Industrymedia
Palette
#000000
#ffffff
#18181b
#f7f7f7
#71717a
#09090b
#a1a1aa
#d4d4d8

Winamp's visual system evokes a clean, high-contrast digital canvas with sharp, modern typography, accented by a subtle, almost invisible shadow treatment for components. The design maintains a comfortable informational density, balancing clear text hierarchy with a functional, minimal use of color. Cards and interactive elements use defined radii, providing a structured yet approachable feel. Prioritize Absolute Zero (#000000) for all primary text elements to ensure high contrast and readability on light backgrounds. Use Fog (#f7f7f7) as the base page background color; combine it with Arctic White (#ffffff) for subtle surface elevation on cards or modal backgrounds. Apply 16px border-radius to cards and larger content blocks to maintain a consistent soft-edged aesthetic. Utilize Poppins for all primary typographic needs, applying the detected -0.0220em letter-spacing for a refined text appearance. Maintain an elementGap of 10px between inline UI elements and a sectionGap of 40px for vertical rhythm between content blocks. Implement buttons with an 8px border-radius, using either the Primary Filled Button (background #18181b) or Ghost Button variants to delineate actions. Avoid arbitrary uses of color; chromatic color should be reserved for brand accents or semantic states not present on this page. Do not introduce heavy box-shadows or complex layer effects; the system relies on flat surfaces and high contrast for visual hierarchy. Do not deviate from the Poppins typeface for headings and body text; alternative fonts like Rubik and Inter are for specialized contexts only. Avoid using radii larger than 16px or smaller than 8px for main components, as this disrupts the established shape language. Do not use generic system link blue; primary links should inherit text colors or use Silver Whisper (#a1a1aa) for subtle interactive states if not a button.

More like this