Champions4good

Champions4good

Preview image. Unlock full-res

Electric purple, condensed statements. A punchy, digital-neon aesthetic on a dark, rich canvas.

Industryother
Palette
#23002b
#e894ff
#93ffe4
#ffac47
#002629
#291900
#121212
#ffffff
#333333
#db99f7

This design system conjures a vibrant, high-energy atmosphere through its daring color palette and bold typography. A deep, almost regal purple dominates as the primary background, punctuated by electric pink and sharp neon green accents. Type is a declarative, almost industrial statement, mixing a condensed, extra-bold display font with a more understated sans-serif for body text, creating a strong contrast between commanding headlines and informational support. Rectangular shapes are favored, with only subtle rounding, reinforcing a sense of precise, deliberate construction. Prioritize Druk Condensed Super Desktop for all headlines and marketing text, leveraging its condensed forms and ultra-heavy weights for maximum impact. Use Royal Plum (#23002b) as the dominant background color for most sections, establishing the primary visual identity. Accent interactive elements and key information with Hot Pink (#e894ff) for high visibility and vibrant contrast. Maintain a tight, modern aesthetic by applying -0.022em letter spacing to Neue Montreal text. Apply 14px border radius to all card-like containers, establishing a consistent subtle softness against the generally sharp aesthetic. Ensure textual contrast: use Pure White (#ffffff) text on Royal Plum (#23002b) backgrounds and Ink Black (#121212) on Pure White (#ffffff) sections. Utilize specific background colors (Forest Shard #002629, Espresso Chip #291900) for distinct content blocks or cards to create visual segmentation without relying on shadows. Avoid using box shadows for elevation; define hierarchy and distinction purely through color and border radius variations. Do not introduce soft, pasty, or muted colors; maintain the high vibrance and contrast of the established palette. Refrain from using rounded borders on buttons or primary CTA elements; maintain sharp, rectangular framing. Do not break up sections with subtle dividers or thin lines; instead, use full-bleed background color changes between content blocks. Avoid generic system fonts for prominent text; Neue Montreal and Druk Condensed Super Desktop define the typographic identity. Do not use letter spacing values for Druk Condensed Super Desktop below 0.005em, as this will hinder readability.

More like this