/
01Core Idea

One check-in a day.

Your loved one sends “I’m okay.” You see today’s status and get notified when the check-in is missed.

02Positioning

For the time between calls.

Peace of Mind turns a short daily check-in into a clear status.

02.1Principles

From your loved one

The check-in comes directly from your loved one.

The same simple action every day

One short action updates today’s status.

At a glance

The Viewer sees whether today’s check-in has arrived.

02.2What makes it different

One check-in is enough

Send it, see the status and move on.

Fits everyday life

The check-in sits naturally between calls, visits and everyday contact.

03Audience

For people who worry about someone they love.

Especially when that person lives alone and you do not see each other every day.

03.1Two roles

Viewer

Sets up Peace of Mind, sees today’s status and receives the notification when a check-in is missed.

Tapper

Sends “I’m okay” once a day.

03.2Asymmetry

Viewers need setup and overview. Tappers need one clear daily action.

Role
Viewer
Tapper
Touch target
44 px
56 px
Button
48 px
64 px
Row height
56 px
72 px
Body text
16 px
20 px
04Brand Identity

Fraunces, Apricot and the dot as a mark define the brand.

04.1The Dot
Peace of Mind
WordmarkDot top left · 22 % of type size
App markRadius 22.5 % · dot inset 21 %

Filled and round

The brand dot remains a filled circle at every size.

Minimum size · 16 px

One accent per view

Apricot carries the brand. Sage shows status.

Accent · one per view
04.2Six moods.

Each mood has its own watercolor shape with a simple face.

Mood: good
Good
Mood: happy
Happy
Mood: tired
Tired
Mood: lonely
Lonely
Mood: restless
Restless
Mood: not so good
Not so good
04.3UX copy names the action and state.

It says what is happening, what arrived or what to do next. In user-facing copy the relationship is loved one.

05System

Defined values are reused.

–Color tokens
–Type steps
–Keyframes
–Moods
–Sections
05.1Color
05.2Typography

Nine steps. Fixed values.

Section
Peace of Mind
clamp 28–52 / 600
Statement
One check-in a day
24 / 400
Lede
For the time between calls
20 / 400
Sub-Heading
From your loved one
20 / 600
Body
The check-in comes directly from your loved one.
16 / 400
Small
Today
14 / 400
Wordmark
Peace of Mind
16 / 500
Eyebrow
Confirmation
12 / 400
Micro
today · 09:41
12 / 400
05.3Motion

Motion shows state changes.

breath
6000 ms · ease-breath · ∞

The check-in surface scales slowly while idle.

Reduced motion: end state
pulse-dot
2800 ms · ease-out · ∞

Marks an active status.

Reduced motion: end state
signal-ring
2200 ms · ease-out · ∞

The wave moves outward when the check-in is sent.

Reduced motion: end state
signal-glow
2400 ms · ease-breath · ∞

Adds a soft field around the send moment.

Reduced motion: end state
confetti
1400 ms · ease-out · once

Product alignment pending

Reduced motion: no burst
choreography
4200 ms · four phases

Ready, pressed, sent, confirmed.

05.4Components

The CTA stays the same in every state.

Default
Hover
Pressed
Focus
Disabled
05.5Component library
05.6Asymmetry