Partner resources

Brand guidelines for WorkSpan partners

How to use our logo, colours and type in anything you co-brand with us.

Download brand kit Contact partner marketing

Logo Colour Typography Usage Download

Download kit

Logo

The WorkSpan logo

A rounded “W” symbol paired with the wordmark. Use the full lockup wherever there is room.

Lockup

Two versions. Use whichever holds contrast on your background.

Primary · light backgrounds

↓ SVG

Reversed · dark backgrounds

↓ SVG

Brand mark

The W on its own, only where the lockup won’t fit. It can sit on any palette colour, tonal or high-contrast — keep its two-tone build.

Clear space

The dashed line is the minimum. Nothing enters it, and it never shrinks.

Lockup · one W-mark height on every side

Mark · one full mark on every side

Colour

Colour palette

Navy leads. Blue and violet are the accents; white and pale purple give space. Click any value to copy it.

Primary

The five colours most layouts need.

Blue

HEX #2E67ED

RGB 46, 103, 237

Violet

HEX #A948E3

RGB 169, 72, 227

Navy

HEX #010F30

RGB 1, 15, 48

White

HEX #FFFFFF

RGB 255, 255, 255

Pale Purple

HEX #F7EDFD

RGB 247, 237, 253

Extended

Ten shades for hierarchy and depth. Check contrast before setting text on any of them.

Navy

#010F30

Deep Blue

#0030A1

Blue

#2E67ED

Cyan

#34BFEA

Light Blue

#AAD9F2

Deep Purple

#240266

Violet

#A948E3

Light Violet

#E0BEFB

Pale Purple

#F7EDFD

Off White

#F9F9F7

Gradients

Two soft gradients, each fading to white.

linear-gradient(90deg, #AAD9F2, #FFFFFF)

linear-gradient(90deg, #E0BEFB, #FFFFFF)

Backgrounds only. Never on the logo or on foreground elements.

Typography

One typeface, three weights

Plus Jakarta Sans throughout. Medium and SemiBold for headings, Regular for body. Tracking stays at 0%.

Plus Jakarta Sans

Free and open source.

Get it on Google Fonts ↗

REGULAR 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 &#$€%@!?*

MEDIUM 500

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 &#$€%@!?*

SEMIBOLD 600

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 &#$€%@!?*

Hierarchy

Desktop sizes, in px over line height. Headlines step down on smaller screens.

Headline 1

Medium · 56 / 64

WorkSpan AI scales it.

Headline 2

Medium · 40 / 48

Start with a shared Revenue Plan

Headline 3

SemiBold · 36 / 42

Stay ahead with Partner Signal

Headline 4

SemiBold · 28 / 32

Planning and attribution

Subheadline

Regular · 24 / 32

Every partnership and partner program in WorkSpan is built on a shared, live view.

Body

Regular · 24 / 32

When agents, work and data flow securely with your partners, they become your fastest growing source of revenue.

Usage

Keep the logo intact

The six mistakes we see most. If a layout needs one of them, ask us for an alternative instead.

Don’t recolour it

Don’t stretch, rotate or crop it

Don’t add shadows, outlines or gradients

WorkSpan

Don’t retype the wordmark

| Partner Day

Don’t crowd the clear space

Don’t place it on busy or low-contrast backgrounds

Download

Everything in one kit

Logo files and colour values. For anything these guidelines don’t cover, ask partner marketing before it goes live.

Download brand kit Contact partner marketing