Skip to content
Hey AlbertBrand and design system
As MarkdownDeutschDE

Brand

Logo

The scribble ball with a face and the „Hey Albert“ wordmark — versions to download, backgrounds, clear space, misuse, and the honest state of the vector and app icon.

The logo is a scribble ball with a face: a few strokes in ink, one in pink, and inside two big eyes and a smile. It looks as if someone drew it in the margin of a notebook. That is the point. Hey Albert lives in the „notebook“ (Notizbuch) world: warm paper, ink, a highlighter for what matters.

Versions

All versions are derived from the delivered file and cut out. Always use the standard version unless the background calls for another.

  • Standard, ink and pink — on cream, card and all light surfaces. The first choice.
  • Single colour — where only one colour works: stamps, embossing, one-colour print.
  • On black — on the black sidebar and on dark surfaces. The eyes stay light, the pupils dark.
  • Small, 256 px — for avatar, sidebar and email header. Do not enlarge.
  • Original in dark green — the delivered source file. Archive only, never in use.

Wordmark

The wordmark is the name „Hey Albert“ set in Bricolage Grotesque, weight --gewicht-titel, tightly tracked with --laufweite-titel. It is set as text, not as an image. That keeps it sharp, searchable and readable aloud.

Hey Albert
Hey Albert
  • In the Mac sidebar the wordmark is written out in full.
  • Collapsed, the sidebar shows only the ball in a cream circle.
  • Under the wordmark the claim may appear: „Er kümmert sich. Ihr dürft Familie sein.“ Without the wordmark next to it, it reads „Hey Albert. Er kümmert sich. Ihr dürft Familie sein.“ — otherwise the „Er“ (he) has nothing to refer to.

Backgrounds

The logo sits on a calm, flat background. Good choices are --grund, --karte, --hell, and --schwarz for the on-black version. On yellow, pink or blue only the standard version, and only when the surface is large and calm.

The logo never sits on photos. Hey Albert shows exactly one photo, the founder, and that needs no logo.

Clear space and minimum size

Clear space all round: 25 % of the logo width · Minimum size 24 px

Misuse

The logo is a drawing. It is never changed, only scaled.

do not distort
do not rotate
do not recolour
no outline, no shadow
not on a busy background
not translucent

App icon and favicon

For the website and the web app, the favicon and app icon already exist in ink and pink on cream. They live in apps/site and are copied onto this site.

The logos belong to Emma Rocket Ltd OOD. You may use them to report on Hey Albert. You may not alter them.