Mushroom
Calm • Clean • Minimal • Neutral • Simple
Colors
- Soft neutrals: warm white, ivory, cream, beige, pale gray
- Gentle tones: dusty rose, soft sage, muted sky blue
- Monochrome or tonal palettes with very subtle contrast
- Occasional use of transparent layers or very pale gradients
Details
- Rounded corners, soft shadows, and gentle gradients
- Minimal icons with consistent line weights
- Clean separators (thin lines or ample spacing)
- Calm, intentional microcopy (e.g., "Take your time," "All set")
Interactions
- Smooth, subtle transitions (e.g., fade in/out, gentle slides)
- Hover effects that feel light (e.g., slight shadow, opacity shift)
- Delayed animations to create a relaxed rhythm
- Scroll effects that are minimal or barely noticeable
Imagery & Elements
- Neutral lifestyle imagery: calm spaces, clouds, light-filled rooms
- Flat-lay or still-life photos with soft shadows and diffused lighting
- Abstract shapes with low contrast or pastel overlays
- Minimalist product or workspace photography
Layout
- Lots of white space to breathe
- Simple grids and clean alignment
- Clear hierarchy using size, not color or texture
- Generous padding and margins, no clutter
Texture
- Subtle background textures: soft paper grain, light blur, or linen feel
- Gradients with a misty, cloudy effect
- Overlays with transparency to mimic layers of fog or air
- Very minimal use of visible texture to maintain calmness
Typography
- Clean sans-serifs (e.g., Helvetica Neue, Inter, Noto Sans, Aeonik)
- Occasional use of modern serifs for softness (e.g., Editorial New, Freight)
- Light font weights, generous line spacing
- Lowercase headers, soft text styling (no bold caps unless needed)