Brand Guidelines

House Style

Logos, colours and typography for the HBMEO brand. Everything on this page is ready to download and share inside the team.

The Brand

Creative Communication

HBMEO is a creative strategy and brand development agency operating from Amsterdam and Barcelona. Through trend forecasting, brand building, PR, marketing, content and events, we help luxury, lifestyle and hospitality brands stay ahead of the curve. Combining entrepreneurial thinking with cultural insight, we create meaningful connections between brands, people and places.

Logos

Download the logo

Pick your format and colour profile. SVG and PNG are RGB, for screen use. EPS is vector for print and comes in RGB, CMYK and PMS (Pantone). The white version is a knockout for dark or photographic backgrounds.

HBMEO primary logo

Primary logo, Blue

Default mark. Use on white or light backgrounds.

RGB SVG PNG EPS
CMYK EPS
PMS 072 EPS
HBMEO white logo

Reversed logo, White

Knockout version for dark and photo backgrounds.

RGB SVG PNG EPS
CMYK EPS
Colour

Palette

Brand blue carries the identity; the dark tone handles headlines and dark surfaces. Neutrals keep layouts clean and editorial. Click any value to copy it.

Primary

HBMEO Blue
HBMEO Dark

Neutrals

Charcoal
Body Grey
Mid Grey
Light Grey
White
Typography

Type system

Headlines use Stratum, squared, confident and always uppercase. Body copy is set in Helvetica Neue (Arial as fallback) for clarity and neutrality.

Stratum BlackHeadlines
The quick brown fox jumps over the lazy dog.
The heaviest weight, used large and uppercase for all headings.
Stratum BoldSubheads & labels
The quick brown fox jumps over the lazy dog.
Navigation, eyebrows, labels and small uppercase headings.
Helvetica Neue / ArialBody text
The quick brown fox jumps over the lazy dog.
Paragraphs and UI. Regular weight, sentence case, generous line height.
Get Stratum on Adobe Fonts ↗

Note: Stratum is a licensed typeface (available on Adobe Fonts). The specimens above load the web fonts from hbmeo.com. For print/InDesign use the licensed desktop files.

Usage

Logo do & don't

Do

  • Keep clear space around the logo equal to at least the width of one letter.
  • Use the white knockout on dark or busy photo backgrounds.
  • Scale proportionally and keep the mark vertical.
  • Prefer SVG; use the supplied PNG when SVG isn't supported.

Don't

  • Don't stretch, squash or rotate the logo.
  • Don't recolour it or apply shadows, gradients or outlines.
  • Don't place the blue logo on a dark or low-contrast background.
  • Don't recreate the mark. Always use the official files.
Copied