One mark, one purple, one voice
Everything you need to represent Hubb Group consistently — the logo, the palette, the type and how we sound.
Logo
The HubbG mark is tintable via currentColor. Give it room to breathe and keep it on a background it stands out from.
Do
- Keep clearspace of at least the height of the “H” on all sides.
- Use the brand purple on light grounds, white on dark or purple grounds.
- Scale it proportionally — the mark never stretches.
Don't
- Recolour the mark outside the brand palette.
- Add shadows, outlines or effects.
- Place it on a busy background or one with low contrast.
Colour
Brand purple leads; Hubb orange is reserved for primary calls to action; ink carries everything neutral.
Brand — #775497
The primary. UI, links, headings and the logo.
50
#f7f4fa
100
#ede6f2
200
#dccce6
300
#c2a9d3
400
#a17fba
500
#845fa3
600
#775497
700
#5f4279
800
#4d3762
900
#402f51
950
#281a35
Accent — #E97424
Hubb orange. Primary CTAs only — buttons like “Start a project”.
50
#fef4ec
100
#fce3d1
200
#f8c39e
300
#f4a06a
400
#f08843
500
#e97424
600
#d1631a
700
#ad4f16
800
#8a3f18
900
#713517
950
#3d1908
Ink — neutrals
Text, borders and surfaces — a warm grey biased toward the brand.
50
#f7f7f8
100
#eeedf0
200
#d8d6dd
300
#b6b2bf
400
#8d8799
500
#6f697c
600
#5a5466
700
#494453
800
#3e3a47
900
#1c1a22
950
#110f15
Typography
Plus Jakarta Sans throughout — geometric, warm and highly legible. One family, a clear weight scale.
Aa
Plus Jakarta Sans · 400 – 800
We design, build & grow brands that lead.
Body copy sets at a comfortable measure with generous line height. Keep running text around 65 characters wide and let the type do the work — restrained weight, real hierarchy.
- Hubb Group Regular · 400
- Hubb Group Medium · 500
- Hubb Group Semibold · 600
- Hubb Group Bold · 700
- Hubb Group Extrabold · 800
Voice & tone
Confident, plain-spoken and useful. We name things the way people do, and we say what a thing does.
Clear over clever
Short sentences, active voice, no jargon. If a nine-year-old couldn’t follow it, rewrite it.
Confident, not loud
We know our craft, so we don’t need to shout. State the benefit, show the proof, move on.
Human & warm
Write to one person. A little wit is welcome; corporate filler never is.
Icons & favicon
The mark also lives as the app icon and browser favicon.
App icon · 180×180
Favicon · 32×32
Building with the Hubb brand?
Questions on logo usage, co-branding or assets? Talk to the team and we’ll sort you out.