Brand kit

Brand assets

Reference for partners and the team: approved logos, palette, and type.

Logos

Use primary lockups on high-contrast backgrounds. Do not stretch, recolor, or add effects to the marks.

Primary - light background

Sportly Africa full-color logo

Reversed - dark background

Sportly Africa logo reversed for dark backgrounds

Partner lockup

Powered by Sportly Africa logo lockup

Partner lockup - dark background

Powered by Sportly Africa logo lockup for dark backgrounds

Icon mark

Sportly brand icon - multi-color mark

SVG wordmark

Sportly split wordmark SVG

Letter marks

S.svg Lead letterform
p.svg Lowercase mark
o.svg Lowercase mark
r.svg Lowercase mark
t.svg Lowercase mark
l.svg Lowercase mark
y.svg Lowercase mark

Colors

Brand hex values are exposed as Tailwind utilities (e.g. bg-sportly-blue). UI surfaces use semantic tokens below.

Sportly yellow

#F9CD45

Sportly red

#E93323

Sportly blue

#1237C7

Sportly green

#00BA5E

Sportly dark blue

#000B44

Core UI tokens

Background

--background

Foreground

--foreground

Primary

--primary

Muted

--muted

Border

--border

Typography

Headings are set in Plus Jakarta Sans via --font-heading — applied automatically to h1–h6, or reach for font-heading on anything else that should read as a headline. Body copy is Inter, set via --font-sans and applied by default to the site body.

Display

Beautiful game. Serious infrastructure.

Heading 2

Leagues, payments, and live results in one place

Heading 3

Registration & compliance

Body

Sportly helps clubs and associations run competitions at scale-from fixtures and standings to payments and real-time match reporting.

Small / muted

Supporting copy, captions, and metadata use reduced emphasis.

Mono

sportly_africa_press_kit_v1.zip