Mr. Pops

Mr. Pops

Preview image. Unlock full-res

Playful Indulgence on a White Canvas

Industryecommerce
Palette
#ffffff
#000000
#b00e2f
#fee5ca

Mr. Pops projects a playful, premium, indulgent atmosphere through its high-contrast aesthetic. It pairs bold, whimsical typography with a dominant, vivid red accent, creating a sense of energetic fun. Surfaces are generally clean and light, ensuring the vibrant brand color truly pops. The design prioritizes visual impact and direct engagement rather than complex UI elements or subtle hierarchies. Use Candy Apple (#b00e2f) strictly for primary actions, critical highlights, and brand accents to maintain its impact. Pair Cervo for all headings with HelveticaNeueCyr for body text to leverage the contrast between decorative and legible typography. Implement letter-spacing of 0.0500em for all Cervo text sizes to maintain its distinct character. Apply 50% border-radius to all primary action buttons for a consistent pill shape. Maintain a spacious density with at least 40px section gaps and 10px element gaps to allow visual breathing room. Prioritize high-contrast text-on-background combinations, using Licorice (#000000) on Snow (#ffffff) or Nude Peach (#fee5ca), and Snow on Candy Apple (#b00e2f). Do not introduce new primary brand colors; restrict the palette to Snow, Licorice, Candy Apple, and Nude Peach. Avoid using Cervo for body text or any functional text, as its decorative nature reduces readability in smaller sizes. Do not use subtle background gradients or complex shadows; aim for flat, defined surfaces. Do not apply padding or margins that significantly break the established 10px base element gap, 30px card padding, or 40px section gap. Avoid mixed-case headings when using Cervo; stick to the dominant all-caps or title-case style for visual consistency. Do not use rectangular buttons with sharp corners for primary actions; reserve that for ghost/secondary buttons if necessary.

More like this