Independent product · iOS app

Cloudi

Take one minute to breathe.

A breathing companion for iPhone and Apple Watch, built around one small cloud that breathes with you. Brand, mascot, app, watch app and website, designed and built end to end.

Download on the App Store
Role
Design & development
Platform
iPhone + Apple Watch
Status
Live on the App Store
A Cloudi breathing session: the cloud inside a ring, with the prompt Breathe in, let the cloud grow
The Cloudi home screen: Good morning, a mood check-in, the cloud mascot saying Take a deep breath, and a Start button

The challenge

Calm, without the control panel.

Calm apps rarely feel calm. Most of them look like medical equipment: dark screens, clinical timers, and a lot of instruction for something the body already knows how to do.

Cloudi started from the opposite instinct. Something that calms you down should feel like company, not a control panel. One small cloud that grows as you breathe in and softens as you let go. Designed and shipped end to end: brand, mascot, iOS and watch app, and the website.

The hardest part was the mood check-in. Cloudi has around twenty faces, and the difficult ones had to be honest without piling on. A sad cloud shouldn't make a bad morning worse. Every face says I see you, not I'm sorry for you.

01 / The experience

One minute, start to finish.

Cloudi keeps the loop tiny: say how you feel, pick a breath, and follow the cloud. No onboarding, no course to complete, no streak to protect.

  1. The Cloudi home screen with the mood check-in, the cloud mascot and a Calm Breathing suggestion
    Check in. Pick the cloud that matches your morning, and Cloudi suggests a breath to go with it.
  2. The Choose a breath sheet: one, five, ten or fifteen minutes, and Calm, Box and Sleep breathing
    Choose a breath. Calm, Box or Sleep, from one minute to fifteen. Nothing to configure.
  3. A breathing session: the cloud inside a progress ring, with the prompt Breathe in and sound controls below
    Breathe. The cloud grows as you breathe in and softens as you let go, with birds, waves or rain if you like.

02 / The design

Soft on purpose.

Cloudi's identity is a sky at dawn: lavender into peach, rounded type, and glass cards that let the gradient show through. Everything is built around the mascot, so the interface stays quiet and the cloud gets to be the character.

The Cloudi app icon: a smiling white cloud on a lavender sky with small sparkles
App icon
  • Cloud Purple #8F8BFF
  • Soft Lavender #B8AEFF
  • Sky Blue #A9D8FF
  • Sunrise #FFD7B5
  • Sunset #FFB8D2
  • Ink #1E2457

Typography

  • Aa SF Pro Rounded Headings, numbers, buttons
  • Aa SF Pro Body, labels
The Cloudi home screen: How are you feeling today with five cloud faces, the mascot, a Calm Breathing suggestion and a Start button
Three stat cards: 44 calm minutes, 11 sessions and a 37-day streakThe Minutes each day chart with a purple bar for every day of the weekA week of moods, one cloud face per dayThe Cloudi tab bar: Today, Stats and Profile

03 / The mascot

A cloud for every mood.

The check-in runs on around twenty faces of the same cloud. The difficult ones took the longest: they had to be honest without piling on, so a rough morning gets company instead of sympathy.

  • The Cloudi mascot looking sad, eyes closed and mouth turned down Sad
  • The Cloudi mascot with a flat, neutral expression Neutral
  • The Cloudi mascot with a small smile Happy
  • The Cloudi mascot with a wide open smile Great

04 / Beyond the app

A cloud that keeps the time.

The home screen widget shows your streak and today's minutes, and changes with the day: excited in the morning, calm by day, and drifting off at night in a nightcap.

  • The Cloudi medium widget in the morning: an excited cloud on lavender into peach, 37 calm days and 6 minutes today Morning
  • The Cloudi medium widget by day: a smiling cloud on soft blue into pink Day
  • The Cloudi medium widget at night: a sleeping cloud in a nightcap on deep indigo Night

05 / The website

The same calm, on the web.

meetcloudi.com carries the app's sky onto the browser: the mascot, the gradients and the rounded type, in a responsive site that explains Cloudi in one scroll and sends people to the App Store.

The meetcloudi.com marketing site shown on a laptop and a phone Visit meetcloudi.com

Shipped, and growing

Cloudi is live on the App Store with a five-star rating and downloads climbing month over month. Every part of it, from the first sketch of the mascot to the marketing site, came from one desk.

  • 5.0 Stars on the App Store since launch
  • 1 Designer brand, mascot, app, watch app and website
  • 3 Platforms iPhone, Apple Watch and web
Cloudi download growth month over month, and a 5.0 App Store rating
“Working with Robin was the best decision I've made for my brand.”

They didn't just give me a pretty logo — they built a brand that feels like me but looks ten times more elevated than I imagined. People stop scrolling now.

Sofia Marin Founder, Sands & Co

Enough about me.

Let's talk about your app idea.

Let's Talk