Dark logo
For light backgrounds.
THE PIP BRAND
Download SVG logos and bird marks for your next story or design. Use the palette and guidelines below to keep Pip recognisable.
Download brand assets4 SVG files · light & dark · ZIP
01 / LOGOS & MARKS
Use the full logo when introducing Pip. The bird can stand on its own when space is tight.
Each SVG has a transparent background and scales without losing detail. Lettering is outlined in the full logos.
02 / WEBSITE PALETTE
Use cream for backgrounds, forest for the main accent, and ink for text. Sage adds a lighter green accent.
Primary accent
#0A2E19Logo & lettering
#252C24Page background
#FFFEFASoft accent
#60814FUse the copy button beside a colour to copy its hex code.
03 / TYPOGRAPHY
Season Mix gives logos and headlines their shape. Rethink Sans keeps body text readable; JetBrains Mono distinguishes code and measurements.
Logo & headlines
Weight 400 · logo tracking −4%Take control of
your dev machine.
Body & interface
Regular 400 · Medium 500Keep your toolkit close.
Pip brings dev servers and Git into one desktop app. Run speed tests, check memory use, and clean up project files.Code & technical details
Regular 400 · Medium 500localhost:3000
npm run devSeason Mix is a paid font. Use outside the Pip logo may require a licence.
04 / LOGO USAGE
Use the supplied files with clear space and enough contrast to read the name and bird at a glance.
Leave clear space around the logo.
Keep text, images, and edges away from the logo. Aim for clear space of at least half the bird's height on every side.
Use the dark logo on a light background and the light logo on a dark one. Choose a quiet area of an image with plenty of contrast.
Use the supplied artwork. Scale it proportionally, and keep the lettering, spacing, and bird together as designed.
Follow it with a lowercase i and p. For example: “Pip brings project tools and machine maintenance into one desktop app.”