BEHAVE Candy

BEHAVE Candy

Preview image. Unlock full-res

Vivid candy wrapper

Industryecommerce
Palette
#061fff
#d3ff56
#efe5ff
#ceb3ff
#dfceff
#ffffff

BEHAVE Candy uses a playful, high-energy visual system. Vivid violet and bright lime green dominate, creating a bold, almost confectionery palette. Typography is robust and direct, set against ample background space. Components are clean and border-centric, often outlined in the brand's signature blue, maintaining a light, airy feel despite the strong color presence. The overall impression is fun, youthful, and direct. Always use Ultraviolet (#061fff) for primary text and interactive elements to maintain brand vibrancy. Utilize Key Lime (#d3ff56) exclusively for primary call-to-action backgrounds and highlight states, ensuring high contrast and immediate recognition. Employ Lilac Mist (#efe5ff) for main page and section backgrounds to establish a soft, airy canvas. Apply a 6.95px border-radius to all interactive form elements and most buttons for a consistent rounded aesthetic. Maintain generous element spacing of 20px for clear separation and visual breathing room between components. Structure primary content areas with a default card padding of 30px to frame information effectively. Ensure all type uses the 'Good Sans' family, leveraging its custom character and available weights for specific hierarchy. Avoid using Key Lime (#d3ff56) for general text or borders, as its high saturation is reserved for primary actions. Do not introduce new grayscale tones; rely on Pure White (#ffffff) and the Lilac Mist (#efe5ff) as the primary neutral canvas. Refrain from using hard-edged designs; rounded corners with 6.95px, 20px, or 25px radii are a defining characteristic. Do not clutter layouts; maintain the spacious feel by adhering to the established 20px element gap and 30px card padding. Do not use dark backgrounds for large content blocks; the brand identity is built on a light, pastel canvas. Avoid generic system fonts; the custom 'Good Sans' family is critical for brand personality. Do not allow text to appear in colors that fail AA accessibility contrast ratios against its background, particularly Ultraviolet on lighter neutrals.

More like this