✦ Brand & Media Kit

Tennis & Pickleball Now

Everything you need to represent the brand correctly, the logo, the colors, and the type. Assets are in the assets folder next to this page.

At a glance

The essentials
T&P Now net corner mark
T&P NowTENNIS & PICKLEBALL

Name. Tennis & Pickleball Now, short form T&P Now.

Logo. Net Corner, a tennis net rising to the post with a gold top tape.

Type. Bricolage Grotesque for display, Plus Jakarta Sans for text.

Core colors. Court Green and Gold on Paper.

Logo

Primary lockup
T&P NowTENNIS & PICKLEBALL
On white. The default.
T&P NowTENNIS & PICKLEBALL
On Court Green. Use the white mark.
The mark on its own
Green mark on white
Single color green mark
White mark on green
White mark on ink
Full color, single color green, and white. The mark alone is best for small spaces and app tiles.

App icon & favicon

On device
App iconApp icon 512
App icon 192192
Apple touch iconApple touch 180
Favicon 64 Favicon 32 Favicon 16
Favicon 64 · 32 · 16

Clear space & minimum size

Give it room
T&P Now

Keep clear space on all sides at least equal to the height of the net post. Nothing should intrude into this zone.

Mark, 24px min
T&P Now
Lockup, 120px wide min

Please do not

Keep it consistent
Do not stretch or squash
Do not rotate
Do not recolor off palette
Do not use low contrast backgrounds

Color

Palette
Court Green
#18a558
rgb(24 165 88) · primary
Deep Green
#0f7a41
rgb(15 122 65) · depth, text
Gold
#d8a72a
rgb(216 167 42) · accent
Tennis Lime
#b8dc2e
rgb(184 220 46) · tennis
Pickle Teal
#22b6a4
rgb(34 182 164) · pickleball
Ink
#12251b
rgb(18 37 27) · text on light
Paper
#f7faf5
rgb(247 250 245) · background

Typography

Fresh Energy

Bricolage Grotesque

Display · headings
Weights 400, 600, 700, 800 · use 700 and 800 for headlines
Find your next match
AaAaAaAa

Plus Jakarta Sans

Text · body & UI
Weights 400, 500, 600, 700 · 400 for body, 600 for buttons and labels
Match with tennis and pickleball players near you, discover courts, and keep every racquet and paddle ready for game day.

Both are free on Google Fonts. Embed with one link.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],400;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">

/* CSS */
--font-display: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
--font-text:    'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;

Files

Download the assets
SVGLogo lockupHorizontal, vector SVGMark, colorGreen and gold SVGMark, whiteFor dark backgrounds SVGMark, single colorAll green SVGApp iconRounded tile, vector SVGFaviconVector PNGApp icon 1024Also 512 and 192 in assets/png PNGApple touch 180Home screen PNGMark 512Transparent · also 1024 PNGLogo lockup 2048Transparent · also 1024 PNGMark, white 1024Transparent · also 512 PNGMark, green 1024Transparent · also 512 PNGFavicon 32Also 64 and 16