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
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.
Master logo
The primary ThePickleBase lockup. Reach for this first.
Coach
Sub-brand for coach directory and coaching content.
Court
Sub-brand for the court finder.
Events
Sub-brand for the events and tournament aggregator.
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.
Mobile app icon
The icon for the native iOS app — the logomark reversed out of Picklebase Blue. Distinct from the favicons above: those are web files the site serves, this is the artwork submitted to the App Store and rendered on a device home screen.
iOS App Icon
1024 × 1024, square, no transparency — the file submitted to the App Store.
iOS App Icon (rounded)
1024 × 1024 with the iOS corner curve pre-applied. For mockups and press only — never submit this.
Do
- Submit the square master. Apple applies the rounded corner itself, at whatever radius the OS version uses.
- Keep the mark centred with its existing margin — it sits at 64% of the canvas so the corners never clip it.
- Use the rounded file for device mockups, press kits and slides, where nothing will mask it for you.
Don’t
- Don’t submit an icon with transparency. App Store Connect rejects any alpha channel outright.
- Don’t round the corners yourself before submitting — a pre-rounded icon gets rounded twice and reads as inset.
- Don’t recolour the field or the mark. The gradient runs #013369 to #0A4D8F, the same ramp the app uses on screen.
- Don’t add a wordmark. At the size an icon is actually seen, type is unreadable.
Social avatars
Square profile photos pre-sized for Instagram and Facebook. Drop into the platform’s profile slot without further cropping.
Instagram Profile
1080 × 1080 — drop straight into the IG profile photo slot.
Facebook Profile
800 × 800 — sized for the FB page profile photo.