Slush

Slush features a playful yet authoritative cryptocurrency aesthetic, combining bold, highly condensed typography for headlines with clean, functional sans-serif for UI. Its core visual identity is built around a light, almost ethereal, blue background accented with vibrant, cartoonish 3D elements and a surprising range of saturated utilitarian colors that appear mostly as fills in illustrations or card backgrounds. Buttons and interactive elements favor high-contrast black on white or transparent styles over solid brand color fills, maintaining a lightweight feel. Prioritize Lateral font for all prominent headlines and Aeonik Pro for all other text, meticulously applying their specific letterSpacing values. Use Sky Canvas (#dceeff) as the primary page background to establish the light, digital atmosphere. Apply a 40px border-radius for cards and buttons for a consistent rounded but not entirely soft aesthetic. Utilize Ink (#000000) when text needs high contrast against light backgrounds, and Paper (#ffffff) for text against dark backgrounds. Employ the full set of vibrant accent colors (Vivid Blue, Vivid Green, Muted Violet, Flame Orange, Golden Rod, Royal Purple) only as card backgrounds or in illustrations, not for primary UI elements like buttons or primary text. Maintain a comfortable density with element gaps typically at 4px, but be intentional with larger padding values for buttons (40px) or cards (48px to 165px). Design interactive elements with a default transparent background and neutral text/border, reserving solid fills for primary actions (Paper filled with Ink text). Avoid using the vibrant accent colors directly for primary text or typical button fills; their role is for larger blocks or illustrations. Do not deviate from the specified letter-spacing for Aeonik Pro; it is crucial for its overall legibility and aesthetic. Do not introduce hard, sharp corners; all significant UI elements should adhere to the established border-radius tokens. Refrain from using drop shadows on cards or containers; the design relies on bold fills and borders for visual separation. Do not use generic system fonts as substitutes for Aeonik Pro or Lateral; find visually similar options if the custom fonts are unavailable. Avoid using the muted violet or violet colors for semantic warning or error states; they function as brand and accent colors. Do not use arbitrary spacing values; stick to the defined base unit and observed element/padding values.