HomeBrand

The mark.

A chevron over two eyes, in two tones of honey: the light chevron (#FBC241) and the deep amber eyes (#DB7C04). It is original artwork, drawn for this project; the vector files are traced from the original and will be refined.

Logo files

Downloads.

All SVG, all under 2 KB. The mono names describe the ink colour, not the background: mono dark is dark ink for light backgrounds, mono light is light ink for dark ones.

Mark

The mark on its own. Use at 24px wide and up.

Download SVG

Mark on dark

The same file. It works on cream and on hive black.

Download SVG

Full lockup

Mark plus wordmark, for headers and documents.

Download SVG

Mono — dark ink

One colour, for light backgrounds, print and engraving.

Download SVG

Mono — light ink

One colour, for dark backgrounds.

Download SVG

Favicon

The mark on a hive-black plate, tuned for 16px.

Download SVG

The wordmark in logo-full.svg is live text set in Sora 700, uppercase, with 0.08em letter-spacing, and a system sans fallback stack so the file still renders correctly where Sora is not installed. Shipping the letterforms as outlines would mean redistributing a licensed font, so the text stays text.

Colour

Twelve tokens.

Ten brand colours plus two derived ones. Every value is declared as a CSS custom property on :root in css/site.css.

Honey

#F5A623

Amber deep

#E8890C

Comb

#FFC94D

Pollen

#FFE9A8

Cream

#FFF8E7

Hive black

#0E1116

Bark

#161A21

Wax

#252A33

Ink

#E6EDF3

Ink dim

#9AA4B2

Leaf

#3FB950

Honey ink

#8A4B03

Contrast. Amber is not legible as text on cream: --honey reaches only 2.5:1 and --amber-deep 2.5:1, both below the 4.5:1 that WCAG AA asks for. Use --honey-ink (6.4:1) for any amber text on a light background, and keep --honey for fills, marks and text on dark.

Typography

Three faces, one job each.

Together we are strong.

Sora — 600 / 700 / 800 — headlines, the wordmark, card titles

One bee is small. A swarm is unstoppable. A hive is just a lot of small jobs, done honestly.

Inter — 400 / 500 / 600 — body copy, navigation, buttons

6.25 · 1,680,000 · 20,999,987.3152

JetBrains Mono — 500 — every figure, so digits line up

Usage

Do and don’t.

Do

Keep clear space around the mark of at least half its width.
Use the mark at 24px or larger; use the favicon below that.
Put the colour mark on cream or on hive black, nothing in between.
Use the mono files for print, engraving and single-colour work.
Say “SWARM” in capitals when you mean the network.

Don’t

Don’t rotate, skew, outline or add effects to the mark.
Don’t recolour it — the honey, comb and amber are the mark.
Don’t place it on a mid-tone or a busy photograph.
Don’t redraw the mark, and don’t set the wordmark in a script face.

The mark.

Downloads.

Twelve tokens.

Three faces, one job each.

Do and don’t.

✓Do

✕Don’t

Do

Don’t