Brand

Logos, colours and how to use them

Take what you need. Please do not stretch Fin.

Logo

Primary. Use on white or chalk backgrounds.

Reversed. Use on ink or any dark photograph.

Mark alone. App icons, avatars, favicons, anywhere under 40px.

Rules

Keep clear space equal to the height of the beak on every side.
Minimum size is 24px for the mark and 96px wide for the wordmark.
Do not recolour, outline, rotate, add effects to, or place the mark on a busy image.
Write it Pipefox. Not PipFin, not pipefox, not Pip Fin.

Colour

Deep water

#0B2C36 · base, headers, footers

Beak coral

#FF5E3A · primary action, one per screen

Beak marigold

#FFB100 · highlights, ticks, tags

Sea glass

#17817F · positive states, confirmations

Chalk

#F1F4F0 · alternate bands, panels

Slate

#5C7480 · secondary text

Type

Bricolage Grotesque carries every heading, set tight at −0.028em. Instrument Sans carries body copy and interface labels. Two families, clearly different jobs, no third.

Prove your ads built the pipeline

Instrument Sans at 16px, 1.6 line height. Body copy never runs past 68 characters, which is why this paragraph stops where it does.