01 Cover
02 Logo refinement
02 · Logo refinement
Same two circles. A little more room to breathe.
Before · #25D871 + #0099FF, circles touching
After · #22CF6C + #1A9BFF, with a breathing gap
A breathing gap
The fren sits beside you, not on top of you. The gap is a true cut-out, so it works on any background.
Calmer colours
Green is a touch deeper and blue a touch softer. They print better and sit quietly beside type.
Same geometry
Circle sizes, positions and the 0.48 size ratio are exactly the original's.
No container
The mark stands free, paired with a lowercase Nunito wordmark. Only the app icon gets a tile.
03 Logo versions
03 · Logo versions
Pick the version for the space
Horizontal by default. Stacked for square spaces. The mark alone where the name is already nearby.
Primary · horizontal
Stacked
Reverse on forest
Stacked reverse
Mark
App icon
Wordmark
Mono forest
Mono white
04 Clear space & sizes
04 · Clear space & sizes
Give it room, like a deep breath
xxxxx = the radius of the blue circle. Keep at least x clear on every side. The SVG files already include half of x as padding.
Minimum sizes
120 px · 30 mm
Horizontal logo
72 px · 18 mm
Stacked logo
16 px
Mark alone. Below 24 px use the favicon file.
05 Logo don'ts
05 · Logo don'ts
Keep the frens as they are
Always use the supplied files. These examples show mistakes, so never copy them.
✕ Don't stretch or squash
✕ Don't swap or change colours
✕ Don't close the gap
✕ Don't put it back in a square
✕ No shadows, glows or gradients
✕ Don't rotate or move the fren
✕ No full colour on green or blue
✕ Don't retype or capitalise it
06 Colour
06 · Colour
Mostly calm, one bright moment
Lead with light grounds and mint. Save Fren Green for the one action that matters. Calm Blue is a seasoning.
Fren Green
#22CF6C · RGB 34 207 108
The big circle, primary buttons. Text on it is always Forest, never white.
Calm Blue
#1A9BFF · RGB 26 155 255
The fren circle and small accents only.
Forest
#0E3B2A · RGB 14 59 42
Wordmark, headings, body text, dark grounds.
Mint #E9F8EF
Soft panels, app icon ground
Sky #E3F2FF
Fren chat bubbles
Surface #FAFCFA
Page background
Muted #4F6A5D
Secondary text, 5.7:1
Link #127A43
Green text and links, 5.2:1
07 Typography
07 · Typography
Aa
Nunito
One rounded family for everything. Its soft stroke ends echo the circles in the mark. Free on Google Fonts.
abcdefghijklmnopqrstuvwxyz
0123456789 · Regular 400 → Black 900
Display
56/60 · 800
Breathe with Fren
Heading 1
40/46 · 800
Your plan for tonight
Heading 2
28/34 · 800
A 7-minute wind-down
Body
17/27 · 400
Tell Fren how you feel and get a meditation made for this moment. Sessions start at three minutes, so there's always time.
Label
12/16 · 800
Personalised meditation
Everything you tap is round,
like the mark.
08 Fren & voice
08 · Fren & voice
Meet Fren
Your AI companion, shown as a glassy orb where calm blue melts into fren green. It breathes as an animated Lottie in the app. Fren is a character, never part of the logo.
A kind friend who knows a lot about calm
Warm
Talk to one person: "you" and "Fren".
Brief
Short sentences, plain words. Never rushed.
Honest
No hype, no medical claims. British spelling.
Say
Not
Let's take five minutes for you.
Initiate meditation session.
Rough day? Fren made you a 7-minute wind-down.
AI-generated content is now available.
Nice, that's a 5-day streak.
🔥🔥 CRUSHING IT!!! 🔥🔥
Emoji: one at most, and only in Fren's chat voice. Never in headings or buttons.