Breath
Bluish grey and a calm blue, a meditation app with a round dial that pulses with the breath.
Nunito
Soft UI
Raised and pressed shapes in the background colour
Neumorphism: the page is one surface in one colour, and elements rise out of it or sink into it with two opposite shadows (light from the top left, dark from the bottom right). Quiet and soft, for wellness, meditation, clinics and simple apps.
12 designs
What defines this style
- Typography
- A soft sans in medium and heavy weights at a comfortable size; text dark enough for contrast, since the surface is pale and muted.
- Colour
- One pale greyish surface colour (such as #E4E9EF) for both page and cards, and a single calm accent (a muted blue, green or pink) for buttons and icons.
- Layout
- Generous space and few elements, cards in the background colour told apart only by their shadow, dials and knobs like a device's controls.
- Shapes
- 14–20px corners. Raised: box-shadow: -8px -8px 18px white, 8px 8px 18px translucent blue-grey; pressed: the same two shadows inset. No borders.
- Imagery
- Calm photos inside pressed frames, and icons inside pressed circles.
- Motion
- Slow and soft: a button goes from raised to pressed when clicked (150ms), elements fade in gently.
- Details
- A large round dial holding a number, pressed input fields, toggle switches.
- Avoid
- Pale low-contrast grey text, many colours, borders, and shadows on everything until the hierarchy is lost.
12 designs
Care
Pale mint and a deep green, a quiet clinic with buttons and fields pressed into the surface.
Outfit
Pulse
Soft charcoal and lime, a gym with numbers in dials like a fitness watch.
Archivo · Inter
Mist
Powder pink and plum, perfumes as soft as mist on a silk surface.
Cormorant Garamond · DM Sans
Slow Walk
Pale sand and warm brown, a club for slow walks whose shapes rise from the page like smooth stones on the path.
Fraunces · Outfit
Counsel
Silver grey and navy, a calm, balanced law office with no excess ornament.
Libre Baskerville · Source Serif 4
Console
Dark navy grey and sky blue, a cloud platform whose panel is made of raised switches and dials.
Sora · Inter
Nest
Warm ivory and olive, homes shown in soft cards that look cast from plaster.
Manrope
Study
Pale sky blue and orange, a calm coworking space for students and freelancers, each plan on a soft raised card.
Lexend
Paperback
Milk beige and espresso brown, a quiet bookshop whose cards and buttons look pressed into soft paper: the titles in a dotted list.
DM Serif Display · DM Sans
Lens
Telescope silver and an observer's red, an astronomy club whose sky photos sit in pressed frames.
Space Grotesk · Inter
Petal
Pearl ivory and peach pink, a florist as soft as embossed paper: a centred headline and bouquets that rise gently from the page.
Cormorant · Lora