55+ hours of biomimetic lectures from 35+ international experts, with verifiable CPD/CE.55+ hours from 35+ international experts, with verifiable CPD/CE. Become a member

Brand assets

Our logo, our colours and the typeface we use. Everything here is free to use if you are lecturing for The Hybrid Layer, writing about us, or listing us as a provider.

Logo files

The mark is three stacked bars, always in these proportions and these colours. Every file has a transparent background, so it sits on white, on navy or on a photograph without a box behind it.

Use the SVG wherever it is accepted: Canva, Keynote, Figma, Illustrator and most web tools take it. It stays sharp at any size and the file is a few kilobytes. Use the PNG for PowerPoint, Word, Zoom backgrounds and anything that rejects SVG.

The logo and our name

The Hybrid Layer logo with the name in navy
Logo and name
The default. For white and light backgrounds.
SVGPNG3000 × 569
The Hybrid Layer logo with the name in white
Logo and name, white
For navy, black and dark photographs.
SVGPNG3000 × 569

The logo and our web address

The Hybrid Layer logo with thehybridlayer.com in navy
Logo and web address
When someone needs to be able to find us from the page. Slides, posters, exhibition boards.
SVGPNG3000 × 490
The Hybrid Layer logo with thehybridlayer.com in white
Logo and web address, white
The same, for dark backgrounds.
SVGPNG3000 × 490

Stacked

Stacked Hybrid Layer logo, name in navy under the mark
Stacked
For square and narrow spaces: a profile picture, the corner of a slide, a pull-up banner.
SVGPNG2000 × 1469
Stacked Hybrid Layer logo, name in white under the mark
Stacked, white
The same, for dark backgrounds.
SVGPNG2000 × 1469

The mark on its own

The Hybrid Layer mark
The mark
Where our name is already on the page. Avatars, favicons, watermarks.
SVGPNG2000 × 2000

Colours

Three colours make the logo. The blue is the only accent we use anywhere: on buttons, links and progress bars. Everything else is navy and near-black.

The logo

Layer grey#CFD3D4Top bar
Navy#2D3748Middle bar, and our text colour on light backgrounds
Blue#7AAFC9Bottom bar, and the accent everywhere else

The website

Blue bright#A8C8DBLinks, hover states, section labels
Navy deep#1A1F2EPanels and deeper bands
Page base#10151FThe site background
  • Text on a blue fill is always navy #0D1119, never white.
  • On dark backgrounds we run white text at full strength for headings and around 70% opacity for body copy, rather than flat white throughout.

Type

One typeface, everywhere: Open Sans. It is free, it is on Google Fonts, and it is already installed in Canva and available in Google Slides. If you are working somewhere it is not available, any clean sans serif is fine on your own material. Do not substitute it inside our logo.

Download
fonts.google.com/specimen/Open+Sans
Web
https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap
CSS stack
font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
Weights

300 Light hero sub lines

400 Regular body copy

500 Medium navigation

600 Semibold sub-headings, and our wordmark

700 Bold headings and buttons

800 Extrabold large numerals and page titles

Body
16px, line height 1.6, weight 400.
Headings
Weight 700, line height 1.2, letter spacing -0.01em. Large headings tighten to -0.02em. Heavy and tight, never thin and airy.
Small labels
Uppercase, 11px, weight 700, letter spacing 0.22em.
Our wordmark
Open Sans SemiBold, uppercase, 0.1em letter spacing. It is already set that way in every file above, so you should never need to type it.