Minymon

Minymon

Preview image. Unlock full-res

Playful pastel storybook

Industryother
Palette
#f9f2ea
#ffffff
#474747
#7b7b7b
#e3e3e3
#cae5e0
#154c7e
#f16849
#ffcdc1
#dbf0f0
#53c0c0

Minymon adopts a playful, inviting aesthetic with soft, rounded forms and a muted pastel color palette that evokes a sense of comfort and approachability. The design emphasizes friendly interaction through subtle elevation and a clear visual hierarchy. Typography is compact and confident, balancing warmth with precise communication. Surfaces are light and airy, creating an open, uncrowded feel. Prioritize Canvas Tan (#f9f2ea) for page backgrounds and Surface White (#ffffff) for card surfaces to maintain the soft, airy aesthetic. Apply a 24px border radius to all primary cards and buttons to reinforce the playful, rounded feel. Use DM Sans at different weights for all text elements; reserve Times for highly specific, curated content only. Ensure headings use Minymon Blue (#154c7e) for impactful statements, contrasting with the warmer background tones. Use Minymon Orange (#f16849) exclusively for outlined primary actions or small, vibrant decorative elements to provide a clear focal point without overwhelming the pastel palette. Maintain comfortable spacing with 16px for element gaps and 24px for card padding, ensuring elements breathe. Employ the rgba(0, 0, 0, 0.12) 0px 0px 20px 0px shadow for elevated cards to create gentle depth, avoiding harsh or dark shadows. Avoid using Minymon Orange (#f16849) as a solid background fill for buttons; it is reserved for outlined actions due to its vibrancy. Do not introduce sharp corners or small radii (<8px) for major components; consistency in rounded shapes is key. Do not use dark backgrounds for sections unless specifically for full-bleed illustrative areas; the theme is primarily light. Avoid excessive use of heavy borders or dividers; subtle hairline borders using Border Light (#e3e3e3) are preferred. Do not deviate from DM Sans for standard UI text; the tight letter-spacing and friendly characters are integral to brand identity. Avoid using multiple prominent accent colors; rely mainly on Minymon Blue and Minymon Orange for functional accents. Do not use highly saturated photography or complex visual textures; imagery should complement the pastel, light aesthetic.

More like this