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
Reversed - dark background
Partner lockup
Partner lockup - dark background
Icon mark
SVG wordmark
Letter marks
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