Brand

Brand Guidelines

Logo, palette, typography, and voice for ByteHiveBB. These guidelines are the canonical reference for partners, press, and internal use across print, product, and the web.

Download Brandbook

Logo

Our Mark

The ByteHiveBB mark is a stylised bee built from honeycomb hexagons — a body of six cells, two hex-tipped antennas, and two angular wings. It captures both sides of the brand: the hive (community, structure, productivity) and the bee (industrious, fast, focused).

Primary lockup

Logo variations

Full colour — light

Amber bee, black wordmark, on white

Full colour — dark

Amber bee, white wordmark, on black

Mono — amber

All-black lockup on the brand amber

Mono — black

Single-colour black on light

Mono — white

Single-colour white on black

The mark — colour variants

Amber mark

Default — primary brand colour

Black mark

Mono — light surfaces only

Icon mark — size scale

128

Sizing rules

Minimum web size

75px height — below this the antennas and hex detail lose legibility.

Minimum print size

100px height — print resolution is lower than screen, so the floor is higher.

Clear space

Reserve at least 24px of empty space on all sides — no graphics or text inside the exclusion zone.

Mark alone vs lockup

Use the bee mark alone for favicons, avatars, and small UI. Use the horizontal lockup when there's room for the wordmark.

Colour

Palette

Honey Amber

Primary

#f6aa12

R 246 · G 170 · B 18

C 2 · M 37 · Y 100 · K 0

Logo accents, primary actions, links, highlights

Ink Black

Secondary

#000000

R 0 · G 0 · B 0

C 75 · M 68 · Y 67 · K 90

Wordmark on light backgrounds, body text in print

Honey Amber tint scale

100

Ink Black tint scale

100

Web implementation

The site renders the palette in OKLCH for perceptual uniformity. The CSS custom properties below approximate the canonical hex values; the print spec above is authoritative for any non-screen output.

Token	Value	≈ Hex	Usage
--background	oklch(0.145 0.014 260)	#0A0A12	Page surface
--card	oklch(0.18 0.014 260)	#111120	Cards, elevated panels
--primary	oklch(0.78 0.16 75)	#E3A32D	Web rendering of the brand amber
--foreground	oklch(0.95 0.01 260)	#F0F0F7	Primary text
--muted-foreground	oklch(0.65 0.02 260)	#7A7A95	Captions, secondary text
--border	oklch(0.28 0.012 260)	#1C1C2E	Component borders

Typography

Type

Poppins and Montserrat are the canonical brand typefaces for print, product, and out-of-web collateral (letterhead, business cards, ads, email signatures, merchandise). The website renders in Inter — a separate deliberate choice for screen legibility.

Poppins

Primary — display, headings, sub-headings

fonts.google.com/specimen/Poppins · h1 70–80pt · h2 36–50pt

Heading — Poppins Bold

Sub-heading — Poppins Semibold

Aa Bb Cc Dd Ee Ff Gg · 0 1 2 3 4 5 6 7 8 9

Montserrat

Secondary — body copy, buttons, captions

fonts.google.com/specimen/Montserrat · body 16–20pt · buttons 12–20pt

Body — Montserrat. The quick brown fox jumps over the lazy dog. We build digital products that move businesses forward, from the first sketch to the live deploy.

Aa Bb Cc Dd Ee Ff Gg · 0 1 2 3 4 5 6 7 8 9

Web — Inter

The website renders in Inter (system-loaded, variable weight 400–800). Inter was chosen for its screen optimisation, hinting at small sizes, and widely-available system fallback. Poppins/Montserrat are used everywhere a print or product deliverable touches a customer — they are not a runtime web concern.

Iconography

Icons

Brand icons are line-style, set at a 2pt stroke weight. The website uses Lucide as its icon library with that stroke-weight applied for consistency with the canonical brand iconography below.

Person

Trust

Voice

Web

Call

Place

Partner

Configure

Voice

Tone & Messaging

Primary tagline

"We build digital products that drive growth"

Also use

"Based in Barbados. Built for the world."
"From concept to deployment."
"End-to-end. Zero hand-offs."

Avoid

"Disrupting the digital space"
"Leveraging synergies"
"World-class" (show, don't tell)

Brand personality

Direct

We say what we mean. No fluff, no buzzwords.

Technical

We speak the language of engineers and founders.

Confident

We back our work. Results speak for themselves.

Collaborative

We treat clients as partners, not tickets.

Caribbean-rooted

Proud of our Barbados base, built for the world.

Tone guidance

Writing for the web

Write in second person ("you", "your business")
Lead with outcomes, not features
Keep sentences under 20 words where possible
Use active voice — "We build" not "Software is built"
Spell out technical terms the first time

Writing for contracts & proposals

Use formal British-Caribbean English conventions
Define scope clearly with numbered deliverables
Avoid colloquialisms and jargon in legal documents
Reference the full company name "ByteHiveBB" on first use
Use the horizontal logo lockup for letterheads

Usage

Do's & Don'ts

Use the bee mark with its full clear space (24px minimum on all sides)
Display the logo at 75px height or larger on screens, 100px for print
Use the dark-background lockup on dark surfaces, light lockup on light
Use solid #f6aa12 amber for the mark — never gradients or tints
Use line icons at 2pt stroke weight for visual consistency
Pair Poppins (display) with Montserrat (body) for print and product collateral

Don't

Don't stretch or squeeze the logo — preserve original proportions
Don't reconfigure the mark and wordmark layout — keep the lockup intact
Don't rotate or flip the logo — it sits horizontally, antennas up
Don't recolour the logo — solid #f6aa12 only
Don't display the logo with limited legibility against busy backgrounds
Don't add drop shadows, glows, outlines, or other effects to the logo

Assets

Downloads

Bee mark (SVG)

Standalone honeycomb-bee symbol for favicons, avatars, app icons

bytehivebb-icon.svg

Bee mark (PNG)

Raster version of the bee mark, 1000×1000

bytehivebb-icon.png

Horizontal lockup — dark (SVG)

Mark + wordmark for dark backgrounds. White text, amber BB

bytehivebb-logo-horizontal.svg

Horizontal lockup — light (SVG)

Mark + wordmark for light backgrounds. Black text, amber BB

bytehivebb-logo-horizontal-light.svg

Need more? Source files (Adobe Illustrator, EPS, the full PDF brandbook, stationery templates, social media banners, and 36 iconography assets) live in the project repo under assets/brand/. Email hello@bytehivebb.com for high-resolution print exports, vendor files, or merchandise mockups.