Brand

Brand kit

Our logo, colours and type, and how to use them. Everything on this page is free to download for press, partners and members.

Download everythingZIP · 347 KB · SVG, PNG, fonts, colours

02

Monogram

The TFF monogram on its own, for places too small for the wordmark: favicons, avatars, stamps. On social profiles and app icons, use it white on a blue square.

The TFF app icon: white monogram on a blue square
App & profile iconSVG1024512180
The TFF monogram, blue
BlueSVGPNG
The TFF monogram, black
BlackSVGPNG
The TFF monogram, white
WhiteSVGPNG

03

Clear space & size

Give the logo room. Keep a margin of at least x on every side, where x is the width of the monogram’s stem. Nothing else (text, edges, other logos) goes inside it.

Clear space: x on all sides. x = the monogram’s stem width.
Logo, minimum
120 px wide on screen · 30 mm in print
Monogram, minimum
16 px on screen · 5 mm in print

04

Misuse

Use the files as they are. If something in the kit doesn’t fit what you’re making, ask us rather than altering the logo.

Don’t stretch or squash it.
Don’t recolour it. Blue, black or white only.
Don’t rotate or tilt it.
Don’t add shadows, glows or outlines.
Don’t put it where it can’t be read.
Don’t retype the wordmark in another font.

05

Colour

Three colours carry the brand: TFF Blue, ink and paper. The rest do quiet jobs on screen. Click a value to copy it.

CSS variablesJSON

TFF BlueThe logo’s colour. Brand moments, print, the app icon.
InkType, and the logo when it runs in one colour.
PaperThe page. Most of what we make is ink on paper.
  • Signal IndigoOn screen only: buttons, links, focus — things you can press.
  • MistQuiet surfaces behind panels and specimens.
  • RuleHairlines. We separate with rules, not shadows.
  • GraphiteSecondary text: meta, captions, labels.

TFF Blue is the brand’s colour; Signal Indigo is the website’s. Print, merch, slides and anything with the logo on it use TFF Blue. Signal Indigo only marks things you can click.

06

Typography

Three typefaces, one job each. All three are free and open source (SIL Open Font License). The downloads are web fonts; for desktop apps, install them from Google Fonts.

  • Display

    Instrument Serif

    Headlines, titles, the wordmark. One weight, 400: the size does the work, never the weight.

    Regular · Italic

    Web fonts · 82 KBGoogle Fonts ↗

    Built on both sides of the corridor.
  • Text & interface

    Geist

    Body copy, buttons, forms, anything read at length.

    Variable, 100–900

    Web fonts · 61 KBGoogle Fonts ↗

    Playbooks and real pitch decks, written by people who have done it.
  • Labels & data

    Geist Mono

    Eyebrows, numbers, small uppercase labels. Never for sentences.

    Variable, 100–900

    Web fonts · 50 KBGoogle Fonts ↗

    BANGALORE ↔ SAN FRANCISCO · 35,000+ BUILDERS

07

Style

Four habits keep everything we make looking like it came from the same place.

  1. 01

    The page is printed matter

    Everything we make should feel edited, like a publication rather than a startup template. Serif display type, generous margins, and a small mono label above each block.

  2. 02

    Square corners, rules not shadows

    Panels and images have square corners, and hairline rules separate things instead of drop shadows. Buttons and tags are the one exception: they’re pills.

  3. 03

    Quiet by default

    Mostly ink on paper. Blue is for the logo and for the one thing on a page that matters most. If two things are shouting, one of them is wrong.

  4. 04

    ASCII is our picture language

    Our illustrations are 3D forms drawn in characters (the bridge, the coin stack, the hands), in blue or ink on paper. Prefer one of those to stock photography.

08

Our name

In writing, we’re The Founder Folks: three words, capital T, even mid-sentence. After the first mention, TFF is fine. The joined-up “TheFounderFolks” exists only inside the logo.

  • ✓ The Founder Folks
  • ✓ TFF after the first mention
  • ✕ the Founder Folks
  • ✕ Founder Folks
  • ✕ TheFounderFolks in running text

Need something that isn’t here, or want to check a use before it goes out? Get in touch.