Brand guidelines

The Plotbook brand

Plotbook is the map of who owns the wealth around you. The brand is meant to feel like that map: grounded, precise and calm. This page covers the logo, colour, type and social assets, and how to use them so everything we put out looks like it came from the same place.

Download the brand kitEvery logo, avatar and banner as PNG, plus fonts and colour tokens.

02

The wordmark

“Plotbook” set in Geist SemiBold, in sentence case. It is deliberately plain so the mark can carry the character. Always use the supplied files rather than typing the name out in a font, and never set it in capitals or as “PlotBook”.

Plotbook logo, Ink on White
Ink on White PNG SVG

03

Lockups

The mark and wordmark together. The horizontal lockup is the default logo for headers, documents, decks and signatures. Use the stacked lockup in square or tall spaces such as title slides and posters.

Plotbook logo, Horizontal, primary
Horizontal, primary PNG SVG
Plotbook logo, Stacked, primary
Stacked, primary PNG SVG

04

Clear space and size

Give the logo room. Keep empty space around it at least half the height of the mark on every side, and keep other type, images and edges out of that zone. On screen, don't set the horizontal lockup smaller than 24px tall; below that, use the mark alone.

½ mark½ mark
Plotbook logo with clear space

05

Contrast versions

Pick the version that stays legible on the background it sits on. Forest and Ink on light backgrounds, Cream or Gold and Cream on Forest, White on dark photography, and Black for single-colour print.

Plotbook logo, Primary, on light
Primary, on light PNG SVG
Plotbook logo, Gold and Cream, on Forest
Gold and Cream, on Forest PNG SVG
Plotbook logo, White, on dark
White, on dark PNG SVG
Plotbook logo, Black, single colour
Black, single colour PNG SVG

06

Colour

Money Forest: a deep green and a warm cream, with gold used sparingly. Most of any page is Cream and White with Ink for text. Forest goes on the one thing that matters most, and Gold is a garnish, never body text.

Forest

#064e3b

RGB 6, 78, 59

Primary brand colour. Logo, primary buttons, italic accent words in headlines, links.

Cream

#fbfaf5

RGB 251, 250, 245

Default page background for marketing, and text on Forest.

Ink

#18181b

RGB 24, 24, 27

Headlines and body text.

Gold

#c9a961

RGB 201, 169, 97

Accent only. Parcel boundary lines in artwork, trial urgency, small highlights on Forest. Never body text on cream.

Supporting colours

Forest Deep

#053d2e

RGB 5, 61, 46

Mint Wash

#e6efea

RGB 230, 239, 234

White

#ffffff

RGB 255, 255, 255

Parchment

#f5f2ea

RGB 245, 242, 234

Slate

#71717a

RGB 113, 113, 122

Mist

#a1a1aa

RGB 161, 161, 170

Hairline

#e8e4d9

RGB 232, 228, 217

Hairline Strong

#d4cfc0

RGB 212, 207, 192

Brick

#a8261c

RGB 168, 38, 28

Harbor

#1e4d6b

RGB 30, 77, 107

Map colours

Parcels on the map are shaded blue by assessed value, so they read as data rather than brand. Use this ramp when drawing a map in artwork.

Unknown

#FFDBBB

Under $500K

#ADD8E6

$500K to $1M

#93C5FD

$1M to $5M

#60A5FA

$5M to $10M

#3B82F6

Over $10M

#1E40AF

07

Typography

Two families. Fraunces, a soft old-style serif, sets every headline, with one key phrase in italic Forest. Geist, a clean grotesque, carries everything else, and Geist Mono sets the small uppercase eyebrows and figures. All three are free on Google Fonts.

Headlines

Aa Aa

Regular and Italic

FrauncesGoogle Fonts

Body and interface

AaAa

Light, Regular, Medium, SemiBold

Eyebrows and figures

Aa

Regular, tabular figures

Geist MonoGoogle Fonts

Eyebrow · Geist Mono 11px · uppercase · +15% tracking

Territory intelligence

Display · Fraunces 56px · -2.5% tracking

Own the ground you already cover

Heading · Fraunces 28px

Who owns the wealth around you

Body · Geist Regular 16px · 1.6 line height

Every parcel is coloured by assessed value and labelled with the owner on the deed, so you can read a street instead of a list.

Figure · Geist Mono · tabular

150M+ US parcels

08

Social profiles

Upload the 1080px avatar everywhere and let each network downsize it. The mark sits well inside the circle every network crops to. The flat Forest avatar reads best at small sizes. Banners are made at each network's exact size, with the logo centred clear of the profile picture.

Plotbook avatar, Forest (default)

Forest (default)

PNG
Plotbook avatar, Forest gradient

Forest gradient

PNG
Plotbook avatar, Gold on Forest

Gold on Forest

PNG
Plotbook avatar, Forest on Cream

Forest on Cream

PNG
Plotbook avatar, Forest on White

Forest on White

PNG
Plotbook X header
X header1500 × 500 PNG
Plotbook LinkedIn personal banner
LinkedIn personal banner1584 × 396 PNG
Plotbook LinkedIn company cover
LinkedIn company cover1128 × 191 PNG
Plotbook YouTube channel banner
YouTube channel banner2560 × 1440, logo inside the 1546 × 423 safe area PNG

09

Things to avoid

The logo only works if it looks the same everywhere. Use the supplied files as they are.

Don't stretch or squash it
Don't rotate it
Don't recolour it
Don't add shadows or effects
Don't place it on busy images
PlotBook
Don't retype the wordmark

10

Voice

Plotbook sounds the way the brand looks: plain, calm and specific. Our audience is professionally sceptical, so we explain how things work, use real numbers over adjectives, and say plainly what the product does not do.

We are

  • Grounded, not hyped
  • Precise, with real numbers
  • Candid about limits
  • Unhurried and quietly technical

We don't

  • Promise results or speed we can't show
  • Call research “leads”
  • Give a single net-worth figure; estimates are ranges
  • Use em dashes in customer-facing copy

Consistency in every detail

Every time the brand shows up the same way, it gets a little easier to recognise and a little easier to trust. If something you need isn't covered here, or you want to use the logo alongside another brand, email contact@plotbook.io.

Download the brand kit