Wordmark · the primary logo

HeyGoal
Color · lightNavy letters, blue check. Light theme, white, paper.
HeyGoal
Color · darkOff-white letters, blue check. Dark theme, navy.
HeyGoal
WhiteOn brand blue and on photos. The only version for blue.
HeyGoal
NavyOne-color print, embroidery, stamps.
HeyGoal
BlackBlack-only print, legal and fax copies.
HeyGoal
White on navyMerch and dark print where blue can't print.

Symbol · the check on its own

HeyGoal symbol
Color · light
HeyGoal symbol
Color · dark
HeyGoal symbol
Navy
HeyGoal symbol
Black
HeyGoal symbol
White

Use the symbol alone only where the name is already on screen or the space is square: app icon, favicon, avatar, loading state.

App icon and favicon

HeyGoal app icon, filledFilled · 96
HeyGoal app icon, outlineOutline · 96
48
32
16 · favicon

Filled is the default (home screen, favicon, PWA). Outline is for white app stores and light print where a navy block is too heavy.

Clear space and minimum size

HeyGoal
xx

Keep clear space of x on every side: x is the height of the check's foot, about a quarter of the logo's height (12 px at the 50 px shown).

 

Wordmark · 20 px min
Symbol · 16 px min

In the app: 24 px on the desktop bar, 20 px on the phone bar, 52 px on the front door. Below 20 px tall, use the symbol.

Don't

Color logo on blueThe check disappears. Use white.
Recolor the checkBlue always; never the user accent.
Stretch or squashScale by height only.
Add effectsNo shadows, outlines, glows or gradients.