b bella mobile
Brand identity system Bella Mobile logo

Brand
Guidelines

Telecom, reimagined for a borderless world.

Version 2.02026bellamobile.co
Section 01

Brand story

Mission, vision, values and personality — the foundations every visual decision answers to.

Our mission

To make staying connected effortless for African diaspora communities — wherever life takes them. We eliminate the friction of international communication. Distance should never mean disconnection — from family, from culture, from home.

Our vision

A world where every member of the African diaspora feels at home, no matter where they are — the trusted bridge that keeps cultures, languages and love alive across millions of families.

Value 01

Connection

Every decision answers: does this make it easier to connect?

Value 02

Trust

Customers rely on us with something precious — their relationships.

Value 03

Simplicity

Complex telecom made beautifully simple. No hidden fees, no jargon.

Value 04

Cultural pride

We celebrate African identity — vibrancy, warmth and richness.

Value 05

Reliability

When someone calls home, it has to work. Highest standards of uptime.

Personality

A friend, not a telco

Grew up between Lagos and London — warm, sharp, proud, always there.

Section 03

Colour

A vivid cerulean hero — drawn from the brand's #068CC6 azure — anchored by the logo's own navy family. Electric blue #0057FF is retired.

Colour & roleDigitalPrint
Bella Cerulean
Hero · CTAs · links · accents
#0E9BD6
RGB 14, 155, 214
PMS 2191
CMYK 93 / 28 / 0 / 16
Deep Navy
Logo ink · headlines · dark surfaces · body
#000E19
RGB 0, 14, 25
PMS 5255
CMYK 100 / 44 / 0 / 90
Cerulean Deep
Hover · small links on white
#068CC6
RGB 6, 140, 198
PMS 2192
CMYK 97 / 29 / 0 / 22
Cream
Warm surface · print & editorial
#F3F1EC
RGB 243, 241, 236
PMS 9043
CMYK 0 / 1 / 3 / 5
Mid Grey
Secondary text · not below 14px on white
#6B7A8D
RGB 107, 122, 141
PMS 5415
CMYK 50 / 30 / 18 / 10
White
Primary surface
#FFFFFF
RGB 255, 255, 255

CMYK 0 / 0 / 0 / 0

Navy tint ramp

900
700
500
300
100

Semantic

Colour & roleDigitalPrint
Success
Confirmations
#1E6F5C
RGB 30, 111, 92
PMS 5545
CMYK 73 / 0 / 17 / 56
Warning
Alerts
#E8A33D
RGB 232, 163, 61
PMS 1365
CMYK 0 / 30 / 74 / 9
Error
Destructive actions
#C8553D
RGB 200, 85, 61
PMS 7416
CMYK 0 / 58 / 70 / 22

Approved combinations

Aa
The quick brown fox
Navy / White · 21:1 AAA
Aa
The quick brown fox
White / Navy · 21:1 AAA
Aa
The quick brown fox
White on Cerulean · large / bold only
Aa
The quick brown fox
Navy / Cream · 17:1 AAA
Aa
The quick brown fox
Cerulean Deep / White · 3.8:1 AA-L
Aa
The quick brown fox
Mid Grey / White · 4.7:1 AA

Notes for production

  • Electric blue #0057FF is retired — it must not appear anywhere.
  • All UI text/background pairings meet WCAG 2.1 AA minimum; primary interface colours meet AAA. White on Cerulean is for large or bold text only.
  • PMS values are nearest-match references — confirm against a physical Pantone book before any print run.
Section 04

Swatches

The full palette as colour blocks with production values — PMS, HEX, RGB and CMYK for every brand and support colour.

b
Bella Cerulean
PMS2191 C / 2191 U HEX#0E9BD6 RGB14 / 155 / 214 CMYK93 / 28 / 0 / 16
Deep Navy
PMS5255 C / 5255 U HEX#000E19 RGB0 / 14 / 25 CMYK100 / 44 / 0 / 90
Navy 700
PMS5395 C / 5395 U HEX#13344F RGB19 / 52 / 79 CMYK76 / 34 / 0 / 69
Navy 500
PMS5405 C / 5405 U HEX#2E5A7D RGB46 / 90 / 125 CMYK63 / 28 / 0 / 51
Cream
PMS9043 C / 50% 9043 U HEX#F3F1EC RGB243 / 241 / 236 CMYK0 / 1 / 3 / 5
Black
PMSBlack 6 C / Black 6 U HEX#1B1B1B RGB27 / 27 / 27 CMYK0 / 0 / 0 / 89
Gray
PMSN/A HEX#EEEEEE RGB238 / 238 / 238 CMYK0 / 0 / 0 / 7
White
PMSN/A HEX#FFFFFF RGB255 / 255 / 255 CMYK0 / 0 / 0 / 0
b
Cerulean — alt (deeper)
PMS2192 C / 2192 U HEX#068CC6 RGB6 / 140 / 198 CMYK97 / 29 / 0 / 22
Pairing notes
White on Cerulean — hero fill, large / bold text only.
White on Deep Navy — 21:1 (AAA).
Navy on Cream — 17:1 (AAA).
Cerulean is the hero fill; navy does primary UI and text work.

PMS values are nearest-match references — confirm against a physical Pantone book before any print run.

Section 05

Typography

Host Grotesk is the sole typeface — a geometric sans balancing technical precision with approachable warmth.

Aa
400 RegularThe quick brown fox
500 MediumThe quick brown fox
600 SemiBoldThe quick brown fox
700 BoldThe quick brown fox
800 ExtraBoldThe quick brown fox

Scale & hierarchy

DisplayThe headline that stops
Heading 1Section titles command attention
Heading 2Subsections guide the reader
BodyStandard paragraph text for the majority of content across the product.
CaptionSupporting details · labels · metadata

Rules

  • Headlines in ExtraBold or Bold only — never Regular for display.
  • Minimum 1.5× line height for body. Track headlines at −0.02em.
  • No more than two weights on a single layout.

Source

  • Host Grotesk, all weights 300–800.
  • fonts.google.com/specimen/Host+Grotesk
  • All-caps reserved for labels and UI micro-copy.
Section 06

Imagery & style

Authentic human connection — real diaspora moments, warm natural light, candid over posed.

Subjects

Real people in real moments. African diaspora adults on calls, at home, at work. Diverse ages and backgrounds.

Lighting

Warm, natural light. Golden hour and soft window light communicate warmth and approachability.

Composition

Candid over posed. Tight crops on genuine emotion. Negative space for overlaid text.

Avoid

Stock-photo looks, cold clinical settings, all-white casts, oversaturated filters.

Iconography

  • Outlined, 2px stroke, 24×24px grid, 2px corner radius.
  • Colour: Navy or Cerulean on light, White on dark — never electric blue.
  • Format: SVG (web), PDF (print).

Patterns & texture

  • Subtle dot-grid or diagonal-line motifs on dark surfaces.
  • Always low opacity (5–15%), in Cerulean or a navy tint.
  • Used on the cover and business card.
Section 07

Voice & tone

Bella Mobile speaks like a trusted friend — warm without being sycophantic, smart without being condescending, proud without being boastful.

We are

  • Warm & human
  • Direct & clear
  • Culturally aware
  • Optimistic
  • Trustworthy
  • Empowering

We are not

  • Cold or corporate
  • Vague or jargon-heavy
  • Generic or bland
  • Apologetic
  • Preachy or lecturing
  • Over-familiar

Tone by context

Marketing

Warm, inspiring, culturally resonant. Lead with the human benefit.

Onboarding

Clear, reassuring, celebratory. Make new users feel welcome.

Errors

Calm, helpful, never blaming. Always offer a clear next step.

Support

Empathetic first, solution-focused second. Never robotic.

Push notifs

Short, friendly, never intrusive. Add value, don't just prompt.

Section 08

Applications

How the system comes together across business cards, social and email.

Business card

bbella mobile BELLAMOBILE.CO
Amara Okonkwo
Head of Customer Experience
+44 7700 900123
amara@bellamobile.co
bellamobile.co

Social media

Profile400×400 · b mark
Cover1500×500 · wordmark
Post1080×1080 · navy
Story1080×1920 · full-bleed

Email signature

b
Amara Okonkwo
Head of Customer Experience · Bella Mobile
+44 7700 900123 · bellamobile.co
Section 09

Quick reference

Everything you need on one screen.

Colours

Bella Cerulean#0E9BD6
Deep Navy#000E19
Mid Grey#6B7A8D
Cream#F3F1EC

Typography

TypefaceHost Grotesk
DisplayExtraBold 800
BodyRegular 400

Logo

PrimaryFull lockup
SecondaryWordmark only
Iconb mark · 32px min
Min size120px / 30mm

Voice

StyleWarm · direct · proud
RetiredElectric blue #0057FF