ThePickleBase

Brand Assets

Picklebase Brand Assets

Logos, sub-brand marks, social avatars, favicons, and colour — everything you need to represent ThePickleBase accurately in editorial, partnership, and press contexts.

Colour

Picklebase Blue is the single brand colour. Everything else in the system supports it. Use the value, not the name, when reaching for the token in code.

Primary

Picklebase Blue

Hex
RGB
CMYK
OKLCH

Do

  • Use Picklebase Blue as the dominant brand colour on primary CTAs, links, and key brand surfaces.
  • Pair white type on Picklebase Blue for AA contrast.
  • Use the Navy logo variants on light backgrounds and the White variants on Picklebase Blue.

Don’t

  • Don't recolour the logo or alter its proportions.
  • Don't use Navy logos on dark backgrounds — switch to the White variant instead.
  • Don't shift the hue. Always source from the token (#013369), never an eyeballed approximation.
Jump to logos ↓

Master logo

The primary ThePickleBase lockup. Reach for this first.

Full Logo — Horizontal — navy variant on light
Full Logo — Horizontal — white variant on dark

Full Logo — Horizontal

Primary lockup. Use on web, decks, signage, and most marketing.

PNG · 4232 × 1025 · transparent

Full Logo — Horizontal (Flat) — navy variant on light
Full Logo — Horizontal (Flat) — white variant on dark

Full Logo — Horizontal (Flat)

Same lockup, baseline-flattened. Use when vertical space is tight.

PNG · 4253 × 765 · transparent

Full Logo — Vertical — navy variant on light
Full Logo — Vertical — white variant on dark

Full Logo — Vertical

Stacked variant. Best for square placements and social posts.

PNG · 1993 × 1727 · transparent

Shortmark — navy variant on light
Shortmark — white variant on dark

Shortmark

Compact wordmark for tight inline contexts (headers, captions).

PNG · 1460 × 667 · transparent

Logomark — navy variant on light
Logomark — white variant on dark

Logomark

Icon-only mark. Use for favicons, app icons, watermarks.

PNG · 317 × 317 · transparent

Coach

Sub-brand for coach directory and coaching content.

Coach — Horizontal — navy variant on light
Coach — Horizontal — white variant on dark

Coach — Horizontal

Sub-brand lockup for coaching surfaces.

PNG · 4370 × 1182 · transparent

Coach — Vertical — navy variant on light
Coach — Vertical — white variant on dark

Coach — Vertical

Stacked sub-brand lockup.

PNG · 1820 × 2008 · transparent

Coach — Short — navy variant on light
Coach — Short — white variant on dark

Coach — Short

Compact sub-brand mark.

PNG · 3047 × 1175 · transparent

Court

Sub-brand for the court finder.

Court — Horizontal — navy variant on light
Court — Horizontal — white variant on dark

Court — Horizontal

Sub-brand lockup for the court finder.

PNG · 4370 × 1182 · transparent

Court — Vertical — navy variant on light
Court — Vertical — white variant on dark

Court — Vertical

Stacked sub-brand lockup.

PNG · 1891 × 2008 · transparent

Court — Short — navy variant on light
Court — Short — white variant on dark

Court — Short

Compact sub-brand mark.

PNG · 3084 × 1083 · transparent

Events

Sub-brand for the events and tournament aggregator.

Events — Horizontal — navy variant on light
Events — Horizontal — white variant on dark

Events — Horizontal

Sub-brand lockup for the events / tournament aggregator.

PNG · 4370 × 1182 · transparent

Events — Vertical — navy variant on light
Events — Vertical — white variant on dark

Events — Vertical

Stacked sub-brand lockup.

PNG · 1891 × 2008 · transparent

Events — Short — navy variant on light
Events — Short — white variant on dark

Events — Short

Compact sub-brand mark.

PNG · 3084 × 1083 · transparent

Social avatars

Square profile photos pre-sized for Instagram and Facebook. Drop into the platform’s profile slot without further cropping.

Instagram Profile

Instagram Profile

1080 × 1080 — drop straight into the IG profile photo slot.

Download PNG
Facebook Profile

Facebook Profile

800 × 800 — sized for the FB page profile photo.

Download PNG

Favicons & app icons

The same set ThePickleBase serves at its site root. Use these so partner sites and embedded surfaces match the live tab icon and home-screen icon exactly.

FileDownload
favicon.ico
favicon-16×16.png
favicon-32×32.png
apple-touch-icon.png
android-chrome-192×192.png
android-chrome-512×512.png
site.webmanifest