hivecreativemedia.co.uk
Brand Guidelines & Design System
The complete reference for how our brand looks, speaks, and behaves across all touchpoints.
Prepared by Hive Creative Media
© 2026 Hive Creative Media. All rights reserved.
Creative by nature.
01 — Brand Overview
Who we are.
To empower brands with creative direction and digital execution that drives real results.
Brand Values
Creative
We lead with originality and craft in every project.
Strategic
Design decisions are always tied to business outcomes.
Collaborative
We work with clients, not just for them.
Quality-first
We don't ship average. Every detail matters.
Brand Tone of Voice
Confident without arrogance
Direct and clear
Warm but professional
Intelligent, never academic
Personality Spectrum
02 — Logo System
Logo system.
The HCM logo is the primary identifier of our brand. Always use approved files and follow the guidelines below.
Primary — Dark background
Yellow background
Light background
Clear Space
Use a minimum clear space equal to the height of the 'H' in the wordmark on all sides.
Minimum Size
32px digital min
15mm print min
32px height for digital. 15mm height for print.
✓Do
- —Use on approved brand backgrounds only
- —Maintain clear space at all times
- —Scale proportionally
- —Use the white version on dark backgrounds
✕Don't
- —Distort or stretch the logo
- —Recolour the logo outside approved palette
- —Add drop shadows or effects
- —Place on visually busy backgrounds without sufficient contrast
03 — Colour Palette
Colour palette.
Our palette is built on a warm off-black and an energetic primary yellow. All colour usage must meet WCAG AA contrast requirements.
Primary Yellow
RGB 227 245 90
Primary action colour. Used for CTAs, highlights, and key brand accents.
Off-Black
RGB 116 116 116
Base neutral. Used for backgrounds, text, and dark UI surfaces.
White
RGB 255 255 255
Used for text on dark backgrounds and light surface areas.
Yellow Scale
#5B6224
900
#889336
800
#B6C448
700
#E3F55A
500
#E7F579
400
#EAF598
300
#EEF5B7
200
#F1F5D6
100
#F3F5E5
50
Off-Black Scale
#2E2E2E
900
#464646
800
#5D5D5D
700
#747474
600
#8E8E8E
500
#A8A8A8
400
#C1C1C1
300
#DBDBDB
200
#E8E8E8
100
#FFFFFF
White
Semantic Colour Roles
Surface / Action
Interactive elements, CTAs
Text / Headings
Primary heading text (light mode)
Icons / Action
Actionable icon tint
Contrast Pairings
Yellow on Black
WCAG AA ✓
White on Black
WCAG AA ✓
Yellow on Surface
WCAG AA ✓
04 — Typography
Typography.
Two typefaces form the HCM system. Scale VF for display and headings; Satoshi Variable for all body and UI text.
Heading Typeface
Ag
Scale VF
All headings (H1–H6), display text, and large typographic elements.
Body Typeface
Ag
Satoshi Variable
Body copy, UI labels, captions, and all running text.
Type Scale
H1 Display
72px
/ 80px
H1 Display
H2
48px
/ 56px
H2
H3
40px
/ 48px
H3
H4
32px
/ 40px
H4
H5
24px
/ 28px
H5
H6
20px
/ 24px
H6
Body LG
20px
/ 24px
Body LG
Body MD
16px
/ 20px
Body MD
Body SM
14px
/ 16px
Body SM
Hierarchy
Never skip heading levels. H1 → H2 → H3 in order.
Weight
Light/Regular for most headings. Bold only for emphasis.
Spacing
Paragraph spacing: 20px. Line height always ≥ 1.4× size.
05 — Iconography
Iconography.
Icons use a consistent outlined stroke style at 1.5px weight. Always align to pixel grid and use at approved sizes.
Icon Library Preview
Stroke weight
1.5px
Always outlined, never filled
Sizes
16 / 20 / 24px
Grid-aligned; never scale arbitrarily
Colour
#E3F55A
Use brand yellow for actionable icons
Corner radius
Round
Rounded linecap and linejoin
✓ Do
- —Use icons to reinforce meaning, not replace text
- —Maintain consistent stroke weight throughout
- —Pair icons with labels in UI contexts
- —Use yellow tint for interactive icon states
✕Don't
- —Mix icon styles (filled + outlined)
- —Scale below 16px where detail is lost
- —Use multiple colours within a single icon
- —Apply drop shadows or decorative effects
06 — UI Components
UI components.
Core interactive components that form the building blocks of all digital touchpoints.
Buttons
Primary
Secondary / White
Secondary / Black
Text Link
Pills & Tags
Cards
Always on creative support
We integrate into your way of working to ensure seamless briefing and delivery of design assets.
Always on creative support
We integrate into your way of working to ensure seamless briefing and delivery of design assets.
Spacing Scale
xs / Scale 100
4px
sm / Scale 200
8px
md / Scale 400
16px
lg / Scale 600
24px
xl / Scale 700
28px
2xl / Scale 1300
52px
07 — Brand Applications
In the wild.
How the brand comes to life across digital, print, and social touchpoints.
Digital — Web
Creative Agency
We build brands that people remember.
Strategy, identity, and digital — delivered with craft.
Social — Post Templates
Always on creative support.
hivecreativemedia.co.uk
Creative by nature.
hivecreativemedia.co.uk
Brand Identity · 2026
New project drop.
Quality over quantity. Always.
hivecreativemedia.co.uk
Email Signature
Jack [Surname]
Creative Director · Hive Creative Media
hello@hivecreativemedia.co.uk
hivecreativemedia.co.uk
Add your name, role, and phone. Keep the yellow border and typeface consistent.
08 — Contact & Legal
Questions?
For questions about brand usage or to request assets, contact the creative team.
Creative Team
Hive Creative Media
Brand & Creative Direction
Brand Asset Pack
Logos, colours, and fonts — all approved files
Usage Rights
This brand system is the property of Hive Creative Media. All rights reserved.
Approved partners and clients may use brand assets only as specified in their engagement agreement.
Unapproved use, modification, or reproduction of brand assets is strictly prohibited.
For licensing enquiries, contact the creative team directly.
Version History
Initial release — core brand system
2026
Brand Codex v1.0
© 2026 Hive Creative Media. All rights reserved.