Skip to content

THE PIP BRAND

Get the Pip logos
and brand colours.

Download SVG logos and bird marks for your next story or design. Use the palette and guidelines below to keep Pip recognisable.

Download brand assets

4 SVG files · light & dark · ZIP

01 / LOGOS & MARKS

Choose the right logo.

Use the full logo when introducing Pip. The bird can stand on its own when space is tight.

Pip logo in dark

Dark logo

For light backgrounds.

SVG

Bird mark

Dark mark

SVG
Pip logo in light

Light logo

For dark backgrounds.

SVG

Bird mark

Light mark

SVG

Each SVG has a transparent background and scales without losing detail. Lettering is outlined in the full logos.

02 / WEBSITE PALETTE

Use Pip’s cream and greens.

Use cream for backgrounds, forest for the main accent, and ink for text. Sage adds a lighter green accent.

Forest

Primary accent

#0A2E19

Ink

Logo & lettering

#252C24

Cream

Page background

#FFFEFA

Sage

Soft accent

#60814F

Use the copy button beside a colour to copy its hex code.

03 / TYPOGRAPHY

Choose type for the job.

Season Mix gives logos and headlines their shape. Rethink Sans keeps body text readable; JetBrains Mono distinguishes code and measurements.

Season Mix

Logo & headlines

Weight 400 · logo tracking −4%

Take control of
your dev machine.

Rethink Sans

Body & interface

Regular 400 · Medium 500

Keep your toolkit close.

Pip brings dev servers and Git into one desktop app. Run speed tests, check memory use, and clean up project files.

JetBrains Mono

Code & technical details

Regular 400 · Medium 500

localhost:3000

npm run dev

Season Mix is a paid font. Use outside the Pip logo may require a licence.

04 / LOGO USAGE

Keep the Pip logo recognisable.

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.

  • 01

    Leave clear space.

    Keep text, images, and edges away from the logo. Aim for clear space of at least half the bird's height on every side.

  • 02

    Choose a contrasting background.

    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.

  • 03

    Keep its shape.

    Use the supplied artwork. Scale it proportionally, and keep the lettering, spacing, and bird together as designed.

  • 04

    Write Pip with a capital P.

    Follow it with a lowercase i and p. For example: “Pip brings project tools and machine maintenance into one desktop app.”