Brand

The LeaderSync brand

Logos, colours and type for partners, press and anyone writing about us. Please keep them as they are — it helps people recognize us.

The mark

Two bars, offset, moving together

The white bar is the leader. The teal bar is the team. They’re offset — everyone has their own part — but they move in the same direction. In sync.

The name is one word with two capitals: LeaderSync. Not “Leadersync” or “Leader Sync”.

The LeaderSync mark: a white bar and a teal bar, offset, on a cobalt tile
Logos

Lockups and variants

All logos are vectors with the wordmark outlined, so no fonts are needed. PNGs have transparent backgrounds.

LeaderSync horizontal logo
HorizontalDefault. Use this wherever it fits.
LeaderSync horizontal, on dark logo
Horizontal, on dark“Leader” in white, “Sync” in Teal 300.
LeaderSync stacked logo
StackedFor square and tall spaces.
LeaderSync stacked, on dark logo
Stacked, on darkFor square spaces on dark backgrounds.
LeaderSync wordmark logo
WordmarkWhen the mark is already nearby.
LeaderSync wordmark, on dark logo
Wordmark, on darkWordmark on dark backgrounds.
LeaderSync one colour, black logo
One colour, blackFor single-colour print and stamps.
LeaderSync one colour, white logo
One colour, whiteFor single-colour use on dark.
LeaderSync mark
MarkThe canonical mark on its cobalt tile.
LeaderSync mark, one colour
Mark, one colourBars only, in currentColor.
LeaderSync app icon
App iconFavicon and app icons (16 px to 512 px).
Clear space and size

Give it room

  • Keep clear space of at least half the mark’s width on every side.
  • Don’t show the mark smaller than 16 px.
  • In the horizontal lockup, the gap between mark and wordmark is 0.35 × the mark’s height.
Colour

Cobalt, ink and a little teal

Cobalt leads. Ink carries the words. Teal is the accent — the team bar, highlights and good news. Amber is for attention only.

Tile gradientlinear-gradient(135deg, #2F5BFF 0%, #1A36B8 100%)
  • #2F5BFFCobalt 600Primary actions, links, tile gradient start
  • #1A36B8Cobalt 800Tile gradient end, hover
  • #0B1220Ink 950Text, dark backgrounds
  • #475569Slate 600Secondary text
  • #F1F5F9Slate 100Subtle surfaces
  • #FFFFFFPaperBackgrounds
  • #2DD4BFTeal 400The team bar, highlights, success
  • #5EEAD4Teal 300Accents on dark
  • #FBBF24Amber 400Attention and “off track”, sparingly
Type

Two typefaces, both open source

Aa

Plus Jakarta Sans

Headings (700–800) and the wordmark (ExtraBold 800, −0.02em tracking).

Scale your leadership team. Scale your business.

Get Plus Jakarta Sans
Aa

Inter

Body text and interface (400–600).

Sam’s number is late — I asked him this morning and will add it to the agenda when it arrives.

Get Inter
Usage

Do’s and don’ts

Do use the full-colour logo on white or light backgrounds.
Do use the on-dark version on Ink or dark backgrounds.
Do use a one-colour version over images.
Don’t recolour the bars or the wordmark.
Don’t rotate, stretch or squash the logo.
Don’t add shadows, glows or other effects.
Don’t put the full-colour logo on busy images.
Leader Sync
Don’t retype the wordmark or split the name.

Questions about using our brand? Email support@leadersync.ai.

LeaderSync in 45 seconds

The tour has no audio — captions tell the story.