FBF · BRAND SYSTEM · V1.0

Stop building alone.

FBF is a growth partner for founders. The system below defines how we look, sound, and behave across every surface... from a single tweet to a sprint kickoff deck.

Logo

Master mark + product family

Type

Manrope · refined geometric

Color

Cosmos + sage accents

Icons

Monoline, 2px stroke

Spacing

4pt base, 12-col grid

Components

Buttons, inputs, cards

In use

Cards, decks, web, social

Motion

Calm, deliberate, alive

01 · LOGO

One mark. Many lockups.

The FBF master mark is a monoline rocket: engineered enough to feel like real craft, soft enough to feel like a friend. Every lockup is built around it.

Master lockups Use the primary lockup wherever you have room. Drop to stacked or one-line when space is tight.

F B F

FOUNDER'S BEST FRIEND

F B F

FOUNDER'S BEST FRIEND

STACKED

Color usage Three approved color treatments. Anything else is a misuse.

F B F

ON PAPER

F B F

ON INK

F B F

SINGLE COLOR

Product family Each offer is a stage in the rocket's flight.

STAGE 01

FBFF

Agentic companion

STAGE 02

Ignition

Activation & launch

STAGE 03

Launchpad

Setup & foundations

STAGE 04

Rocket Fuel

Resources & energy

STAGE 05

Mission Control

Operations & oversight

STAGE 06

Exit Velocity

Scale & escape velocity

02 · TYPE

Manrope leads. JetBrains Mono signs.

Manrope is geometric enough to feel engineered, and warm enough to feel human. JetBrains Mono carries the system: tags, metadata, code.

The pairing

PRIMARY · MANROPE

Variable · 200–800 · Google Fonts

The quick brown fox jumps over the lazy dog

SYSTEM · JETBRAINS MONO

{ }

400 / 500 / 700 · Apache 2.0

const status = "ready_for_launch";

Scale Anchored at 16px body, ratio ~1.25. Use semantic names, not sizes.

display72/73Stop building alone.

h148/50Stop building alone.

h236/40Stop building alone.

h328/32Stop building alone.

body16/25Stop building alone.

mono13/20const launch = true;

Weights

300

Light

Quiet display only

400

Regular

Body, lead

500

Medium

UI labels, links

600

Semibold

Headings

700

Bold

Display, emphasis

03 · COLOR

Cosmos & Sage.

Navy ink and cream paper carry weight. Amber provides ignition. Sage carries growth. Every other color is a calibrated extension of these four.

The four canonical colors

COSMOS NAVY

Ink

#15203B

Primary type, marks, surfaces in dark mode

COSMOS CREAM

Paper

#F4F2EC

Primary surface, light-mode background

PRIMARY ACCENT

Amber

#E8A33D

Ignition, energy, call to action

SECONDARY ACCENT

Sage

#6FAE91

Growth, calm, success states

Extended ramps

Ink ink50 → ink950

100

200

300

400

500

600

700

800

900

950

Amber amber50 → amber800

100

200

300

400

500

600

700

800

Sage sage50 → sage800

100

200

300

400

500

600

700

800

Approved pairings

✓ DO

Stop building alone.

Ink on paper

Default body

✓ DO

Stop building alone.

Paper on ink

Dark surfaces

✓ DO

Stop building alone.

Ink on amber

Primary CTA

05 · SPACING

Built on a 4-point grid.

A 4px base unit gives us a tight scale at small sizes and a confident step at large ones. Everything snaps to multiples of 4.

Spacing scale

space-1

4 px

space-2

8 px

space-4

16 px

space-8

32 px

space-16

64 px

space-32

128 px

Radii

none / 0px

sm / 4px

md / 8px

lg / 12px

xl / 16px

full

Shadows

e0 / flat

e1 / lift

e2 / card

e3 / overlay

e4 / modal

Grid 12-column, 80px wide, 24px gutters

MAIN · 8 COL

ASIDE · 4 COL

Breakpoints

sm

480 px

Phone

md

768 px

Tablet

lg

1024 px

Laptop

xl

1280 px

Desktop

2xl

1536 px

Wide

06 · COMPONENTS

Building blocks.

The product UI vocabulary. Same monoline language, same spacing scale, same type. Every component is a small extension of the brand.

Buttons Three intents. Three sizes.

PRIMARY

Start a sprint

SECONDARY

Learn how it works

TERTIARY · TEXT

See pricing →

Cards

PLAIN

Offer clarity

The shortest sentence that makes the right founder say "I need this."

ELEVATED

Messaging system

The line of script that works in DMs, on the homepage, and on stage.

FEATURED

Growth Sprint

Strategist in the room. Weeks, not months. Walk out with assets you can use the next day.

Badges

ActiveIn progressBlockedScheduledDraft✦ FBFF · Pro

Alerts

Offer clarity locked in.

Save this version of your one-liner. Reuse everywhere.

Heads up, quiet week ahead.

No outbound scheduled. Want me to draft a sequence?

Drop-off detected.

Three founders churned on Day 4. Investigate the onboarding step.

07 · IN USE

The brand in the world.

Reference applications across the surfaces where FBF shows up. Use these as templates.

Business card Standard 3.5 × 2 in.

FBF · STRATEGY

David Daniel

Co-Founder

FRONT · PAPER

Stop building alone.

david@foundersbestfriend.com

foundersbestfriend.com

BACK · INK

Deck 16:9 slides. Title, section break, content.

FBF · SPRINT KICKOFF

Stop building alone.

May 2026 · v3

SECTION 02

The offer.

What we sell, and why founders buy it.

02 · THE OFFER

One framework. Two ways to use it.

Email signature

David Daniel

Co-Founder · FBF

david@foundersbestfriend.com · book a sprint

Web Marketing homepage top-fold

FOUNDER'S BEST FRIEND

Start a sprint

Stop building alone.

AI-powered guidance. Human-led sprints. One proven growth system.

Start a sprint Try FBFF free

08 · MOTION

Calm. Deliberate. Alive.

FBF moves like a thinking partner. Never hurried, never sleepy. Most motion uses the standard easing at 240ms.

Easing curves

standard

cubic-bezier(0.2, 0.0, 0.0, 1.0)

emphasize

cubic-bezier(0.3, 0.0, 0.1, 1.0)

enter

cubic-bezier(0.0, 0.0, 0.2, 1.0)

exit

cubic-bezier(0.4, 0.0, 1.0, 1.0)

Durations

instant

100ms

fast

180ms

base

240ms

slow

360ms

deliberate

560ms

Principles

Move with intent.

If motion doesn't communicate, cut it. Every transition earns its time on screen.

Settle, don't slam.

Use the standard curve for 90% of motion. It enters fast and lands soft.

One ignition per moment.

Save emphasize-easing and the ignite pattern for genuinely high-stakes moments.