BeCalm.

Wellness Brand & App Identity System

ServicesBranding · App UI · Product Design · Marketing
IndustryMindfulness · Mental Health
Year2022
ClientBeCalm
(R)

Built the visual identity and app design system for a wellness brand entering a category dominated by sameness.

I owned the wordmark, in-app type and motion language, marketing site direction, and the social/collateral system — translating a calming product into a brand that feels confident, modern, and trustworthy across every surface.

Key Contributions Brand identity · app UI direction · wordmark · social system · marketing site · launch collateral

(01)

A vibrant identity for a mindfulness app that refuses to look like every other mindfulness app.

The word becalm means to leave a sailing vessel unable to move through lack of wind — a state of absolute stillness. That definition became the foundation: a brand built around pausing, breathing, and finding inner calm in a world that never stops moving.

The mindfulness category defaults to mint pastels and mountain monochromes. BeCalm took the opposite move — a saturated sunset-to-night gradient palette that signals warmth and intensity, not corporate-spa restraint. Stillness as something vibrant, not muted.

BeCalm brand banner — phone home screen with BeCalm app icon alongside the BeCalm wordmark and product tagline
(02)

Repetition as the architecture of calm — the circled arrows around the C mark the daily return.

The logomark frames a clean letter "C" inside two encircling arrows — the act of returning to calm again and again. Like a habit, like a breath. Training the mind is consistency, not crisis. The mark reads as both ritual and reset button.

The palette is psychological. Soft warm pink at the top — first breath of morning. Deep purple in the middle — the focused interior. Navy at the base — the depth that rest reaches. The full gradient is the brand's signature, applied across product packaging, billboards, and the app's most important moments.

(03)

A four-stop gradient is the identity itself — not background decoration. Vivid purple anchors the system. Soft pink lifts it warm. Deep navy grounds it. White carries every callout.

Soft Pink #E643AD
Vivid Purple #A41DE9
Deep Plum #3A1166
Night Navy #001031
(04)

A clean sans wordmark paired with the circular-arrow C mark. The app-icon variant uses the same C inside a pink-to-orange gradient tile that reads instantly on a home screen full of color-coded competitors.

BeCalm brand gradient mountain artwork — pink to purple to navy
BeCalm app icon — circular arrows around a white C on a pink-orange gradient tile
BeCalm poster
(04b)

Three brand-defined colour applications. Lockup proportions hold across every surface — black, brand colour, and light backdrops.

Becalm logo in white on black — knockout variant for dark surfaces
01On Black
Becalm logo in white on Royal Purple — primary brand-colour variant
02On Royal Purple
Becalm logo in brand colour on light backdrop — reverse variant
03On Light
(05)

The brand lives where the practice does — a quiet corner, a single candle, the few minutes a user carves out before the day starts. BeCalm sits inside that small ritual, not on top of it.

Dawn meditation cushion still life — navy linen zafu on folded cream wool blanket on warm-oak plank floor, teakwood shelf with copper singing bowl, phone showing BeCalm gradient app with the master wordmark+arrows logo, terracotta vessel with white peony, large framed BeCalm wave-mountain art with master wordmark on the wall, first dawn light through a tall window
(06)

The app reads as visual breath: clean layouts, generous whitespace, the gradient palette appearing only at meditation moments where intensity belongs. The experience extends seamlessly to Apple Watch for on-the-go mindfulness, and the website mirrors the same calm-but-vibrant tone.

BeCalm pre-sleep bedside ritual flat-lay — phone tilted showing the WIND DOWN breathing screen with the master BeCalm wordmark + arrows logo, stoneware mug of herbal tea, plum silk eye mask with the wordmark embroidered at the corner, leather journal with the wordmark debossed on the cover, amber-glass SLEEP oil roller, frosted candle, dried lavender, all on soft cream wool blanket under warm asymmetric tungsten light
BeCalm app interface — multiple meditation screens with the gradient palette
BeCalm Apple Watch UI
BeCalm website mockup
(07b)

A limited-run physical companion to the app — kraft carton with hot-foil gradient C-icon, linen meditation cloth, branded oil mister, guide booklet, plum silk sleep mask. Premium drop, not gift-shop merch.

BeCalm Retreat Kit drop still life — kraft carton with the master BeCalm wordmark+arrows logo hot-foil-embossed on the exterior + brand wave-mountain gradient + wordmark on the lid interior, rolled cream linen meditation cloth tied with plum silk ribbon and a kraft hangtag, matte-black aluminum mallet, amber-glass mister labeled DROP 02 PRESENCE, plum silk sleep mask with embroidered wordmark, softcover guide booklet open to a gradient page reading Breathe with intention, white statice stem
(07c)

The brand at architectural scale — a partnered wellness-studio lobby with the BeCalm wave-mountain gradient wrapping a compound-curve feature wall, the C-icon at hero scale as a dimensional edge-lit installation, brushed-rosegold "Find your stillness." tagline set into the wall.

BeCalm wellness studio lobby environmental shot — sculptural compound-curve feature wall covered in the BeCalm wave-mountain gradient (navy through plum, magenta, coral, orange to cream), the master BeCalm wordmark + curved arrows installation at hero scale in brushed-rosegold dimensional steel, Find your stillness tagline set into the wall, live-edge ash bench with folded oatmeal-wool blankets, ceramic vessel with curly willow branch, travertine reception desk with iPad showing the app, warm concrete floor, ceiling skylights
(07)

The brand extends into the physical world through a small object lineup — water bottle, t-shirt, towel — each carrying the gradient and the C-mark as a daily reminder to pause. The objects are functional, not gift-shop merch.

BeCalm water bottle with gradient and circular C mark
BeCalm t-shirt
BeCalm towel
(08)

Outdoor advertising brings the brand into public space — billboards and posters carry the gradient at full scale. The line — Pause. Breathe. BeCalm. — anchors every surface, from a single bus-stop poster to a full-side building installation.

BeCalm billboard installation
BeCalm marketing collage
Typography

BeCalm.

Pause · Breathe · BeCalm

DisplayGeneral Sans · Medium · 56–128pt
BodyGeneral Sans · Regular · 14–18pt
VoiceSoft · luminous · circular
Tracking-0.025em display · 0.32em caps
(End)

Pause · Breathe · BeCalm