Hive Mail brand guidelines

Logo

The icon is a purple gradient circle with a white mail glyph. The full logo adds the name, drawn as "Hive Mail". Use the colour logo on light backgrounds and the white logo on dark or purple backgrounds. The word mark is artwork: never retype it.

Full logo, colourlogos/svg/hivemail-logo-full.svg

Full logo, whitelogos/svg/hivemail-logo-full-white.svg

Stackedlogos/svg/hivemail-logo-stacked.svg

Wordmarklogos/svg/hivemail-wordmark.svg

Iconlogos/svg/hivemail-icon.svg

Mono whitefor one-colour print and purple surfaces

Mono blackfor one-ink print

App iconlogos/svg/hivemail-icon-square.svg

Clear space and minimum size

Keep free space around the logo equal to half the icon height (x) on every side. Do not let text, edges or images enter it.

Lockup	Minimum size on screen
Full logo	120 px wide (30 mm in print)
Stacked	72 px wide
Icon	16 px (below 32 px use the favicon files)

Do and do not

A short list that avoids most mistakes.

DoUse the supplied filesColour logo on white or light backgrounds.

DoGo white on purpleUse the mono white logo on brand purple.

Do notStretch or squashAlways keep the proportions.

Do notRecolourOnly the supplied colours are allowed.

Do notColour logo on purpleIt disappears. Use the white or mono white logo.

Do notRotate or add effectsNo shadows, outlines or glows.

Colour

Purple is the one accent. Ink is for headings and dark bands. Green and amber are status colours only. Files: colors/colors.css, tailwind.colors.js, palette.json, hivemail.gpl.

Brand purple#5539FBLogo, buttons, links, icons, active states

Purple dark#3F27D6Hover and pressed buttons, text on tints, link text

Purple light#7159FFGradient end, glows, focus ring

Tint#F1EEFFIcon tiles, pills, chips

Tint line#DDD6FFBorders on tints, dividers

Wash#F6F4FFAlternate section background

Ink#17181CHeadings, dark bands, dark buttons

Body#4B4E57Body copy

Muted#8A8D96Captions and small labels (large text only)

Border#E6E3F2Card and input borders

White#FFFFFFCards, page background

Success#16794ASuccess states, yes ticks

Hero gradient: linear-gradient(118deg, #24139B 0%, #3A24D2 38%, #5539FB 78%, #6B52FF 100%)

White text on brand purple has a contrast ratio of 6.2:1 (AA). Muted grey (#8A8D96) is for large or secondary text only.

Typography

The website uses the system UI font stack, so nothing is downloaded: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif. In design tools, use Inter as the closest match.

Role	Size	Weight
H1	40 to 66 px	700
H2	30 to 42 px	700
H3	24 to 32 px	700
Lead	17 to 19 px	400
Body	16 px	400
Eyebrow / pill	12 px, uppercase, +0.06em	700
Button	16 px	650

Voice and imagery

Calm, plain and honest. Say what the product does and why it matters. Do not invent numbers, testimonials or features. Show real product screenshots (the kit has some, taken on a fictional demo store); never real customer data.

TaglineEmail marketing that lives inside WordPress.

Supporting lineUnlimited contacts. No per-subscriber fees. Your data stays in your own database.

NameHive Mail, two words, written as the logo shows it. Company: Hive Plugins. Never use the Hive Plugins logo in Hive Mail layouts.

Social images

Built from the same gradient and a product screenshot. Everything is in the social/ folder.

Link preview1200 x 630

Square post1080 x 1080

Light post1080 x 1080