
Preview image. Unlock full-res
Fuchsia-powered dark mode
Wizz embraces a bold, high-contrast dark theme with a vibrant fuchsia accent color that creates a playful, energetic atmosphere. Typography is a central element, using distinct custom sans-serif typefaces for sharp, impactful headlines and clear body text. Surfaces are mostly dark and flat, relying on the single accent color for primary actions and highlights, with subtle elevation for key interactive elements. Use Midnight Void (#000000) as the primary background for all major sections unless otherwise specified. Apply Wizz Fuchsia (#ff3d9e) for all primary calls to action, ensuring text color contrasts sufficiently. Utilize 12px border radius for all inputs, buttons, and cards to maintain a consistent soft, modern feel. Employ PolySans Median for all headings to leverage its distinct character, varying weights as needed for hierarchy. Maintain a clear visual hierarchy by contrasting Ghost White (#ffffff) for primary text on dark backgrounds and Midnight Void (#000000) for text on lighter neutral sections. Use a 999px border radius (pill shape) for all ghost buttons and small informational tags in the header. Apply Steel Gray (#dadada) for subtle dividers, borders, and muted supporting text. Avoid generic system default colors; exclusively use colors from the defined palette. Do not use multiple accent colors; Wizz Fuchsia (#ff3d9e) is the sole vibrant accent for interactivity and brand highlighting. Do not introduce heavy shadows or gradients on elements; maintain a largely flat and sharp aesthetic with subtle elevation for key interactive components. Avoid using serif fonts or highly decorative typefaces; adhere strictly to the PolySans family and Inter for all textual content. Do not deviate from the established border radii for components; the varied but specific radii (12px, 999px, 24px) are a key part of the brand's visual identity. Do not use broad, full-width content sections; contain most content within a defined horizontal width for better readability and structure. Avoid overly bright or light backgrounds for main content areas; maintain the dark-mode aesthetic predominantly.









