Brand guide · v9.0 · 2026
The
Vibe
Founder
Build with agents. See how it's done.
Why this exists · Logo system
Colour · Typography · Icons
Asset sizes · Spacing · File naming
Colour · Typography · Icons
Asset sizes · Spacing · File naming
Forbes 30 Under 30
Co-founder, Simplified AI — 20M users
Khosla Ventures · Craft Ventures
Co-founder, Simplified AI — 20M users
Khosla Ventures · Craft Ventures
01Why this exists
Not inspired. Convinced
you can do it too.
Most AI content talks about what's possible. You read it, save it, go back to your day exactly the same. This is different. A Forbes 30U30 founder who scaled Simplified AI to 20M users — now building live on camera, showing the tools, the configs, the decisions, the mistakes.
What it is
A founder running real businesses with AI agents — building live so you can see exactly how it works.
What it is not
Not a course. Not a tutorial. Not "10 AI prompts." Real builds. Real numbers. Real process — including what broke.
The promise
Every Sunday, live on camera, unedited. Copy what applies. Leave the rest.
02Logo · Primary wordmark
One unit. Three weights. Non-negotiable.
TheVibeFounder
TheVibeFounder
Anatomy
| The | DM Serif Display · 22% opacity · recedes |
| Vibe | DM Serif Display · 100% · the only signal |
| Founder | DM Serif Display · 22% opacity · recedes |
| Tagline | Geist Mono 400 · 11px · optional below 160px |
Laws
Vibe is always full opacity. Non-negotiable.
The + Founder at 22%. They frame. They don't compete.
No spaces. TheVibeFounder is one unit.
Amber on the wordmark does not exist.
Distortion does not exist.
03Sizes + Clearspace
Minimum 16px. Below that, the handle.
TheVibeFounder
XL · 52px+ · covers, hero
TheVibeFounder
LG · 34px · section headers
TheVibeFounder
MD · 22px · cards, banners
TheVibeFounder
SM · 16px · minimum
@thevibefounder
Handle · below 16px this is the only option
TheVibeFounder
MD · dark surface
Clearspace
Clearspace = cap-height of "T" on all four sides. No text, icon, or edge enters this zone.
04Never do this
The wordmark has one job. Don't break it.
× Amber fill
TheVibeFounder
Amber on the wordmark doesn't exist. It destroys the signal function.
× Equal weight
TheVibeFounder
The and Founder recede. Always. 22% opacity is not optional.
× Distort
TheVibeFounder
Distortion doesn't exist. Scale uniformly or not at all.
× Below minimum
TheVibeFounder
Below 16px the serifs break. Use the handle. Not the wordmark.
05Favicon + app icons
The mark is V. On dark. Always.
V
1024px
V
192px
V
32px
V
16px
Mark is V — DM Serif Display, white, full opacity.
Background is always #0E0E0E. Not cream. Not amber.
Corner radius follows platform spec.
Below 16px: pixel V, no serifs.
Web + Browser
| favicon.ico | 16 · 32 · 48px bundle |
| favicon-32.png | 32 × 32px |
| apple-touch.png | 180 × 180px |
| og-image.png | 1200 × 630px |
App + Platform
| icon-1024.png | 1024 × 1024px |
| icon-512.png | 512 × 512px |
| icon-192.png | 192 × 192px |
| profile.png | 400 × 400px |
06Colour palette
Four tokens. That's the whole system.
Dark
#0E0E0E · 14 14 14
Cream
#F0EDE8 · 240 237 232
Amber
#F09A1A · 240 154 26
Ink
#1A1A1A · 26 26 26
Primary bg · session covers · authority moments
Editorial bg · carousels · Substack
Signal only · once per composition
Surface · cards · inner bg
0790 · 8 · 2 ratio
Base. Structure. Signal.
Dark + Cream · 90%
8%
2%
Break this ratio and the brand collapses into noise.
08Amber — signal only
One dominant amber per frame.
Amber fires at — and only at
System status dot •
CTA button / link
Receipt border-left
Active step number
Section tag on dark bg
Eyebrow line prefix
These do not exist
Large fills or backgrounds
Text on cream (contrast 2.1:1 — fails AA)
Decorative borders or underlines
Amber twice in one composition
Body text at any size
Image overlays
09Typography
Serif is the human. Mono is the machine.
Human layer · Serif
DM Serif Display
Italic variant
Headlines · wordmark · posters. Nothing else.
Regular · Italic only.
fonts.google.com · Free OFL
Regular · Italic only.
fonts.google.com · Free OFL
Machine layer · Mono
Geist Mono
Light 300
Everything else. Body · labels · receipts · UI.
300 · 400 · 500 only.
vercel.com/font · Free
300 · 400 · 500 only.
vercel.com/font · Free
10Type scale
Eight sizes. Everything snaps.
Display
DM Serif · 56px · hero covers, posters
Section heading
DM Serif · 36px · section openers
Card heading
DM Serif · 22px · cards, banners
Body copy. Max 60 chars per line.
Geist Mono · 14px · body
Label · metadata · captions
Geist Mono · 11–12px · labels
• SYSTEM ACTIVE · SESSION 29
Geist Mono · 10px · system status
11Asset dimensions
Every surface. Known sizes.
Instagram
| Square | 1080 × 1080 | Feed · WhatsApp |
| Portrait 4:5 | 1080 × 1350 | Primary feed |
| Story / Reel | 1080 × 1920 | 9:16 vertical |
| Profile | 400 × 400 | Icon mark only |
Build Live sessions
| Session square | 1080 × 1080 | IG · WhatsApp |
| Session portrait | 1080 × 1350 | Hook slide |
| Luma banner | 1910 × 1005 | 1.91:1 event |
| Zoom / stream | 1920 × 1080 | 16:9 bg |
Carousel
| Hook slide | 1080 × 1350 | Dark · amber signal |
| Body slides | 1080 × 1350 | Cream · proof |
| CTA slide | 1080 × 1350 | Dark · amber CTA |
Web + Social
| OG image | 1200 × 630 | Link preview |
| Twitter header | 1500 × 500 | 3:1 ratio |
| App icon | 1024 × 1024 | App Store |
| Favicon | 16 · 32 · 48 | .ico bundle |
12Spacing · 8pt grid
Eight. Sixteen. Twenty-four. Nothing else.
8
Component
16
Inner pad
24
Card pad
32
Section gap
48
Page pad
64
Hero space
+ Layout spacing uses the 8pt scale. Optical micro-adjustments in typography only.
+ Page padding is always 48px. Every page.
+ Logo clearspace = cap-height of "T" on all sides.
× Arbitrary values (22px, 28px, 40px) do not exist.
× Optical micro-adjustments inside typography are allowed.
× Padding as visual separator does not exist. Use 0.5px rule lines.
13Co-brand
Partner left. TVF right. Separator = x.
Correct
OTTO x THEVIBEFOUNDER
BROUGHT TO YOU BY OTTO x THEVIBEFOUNDER
Partner left · TVF right · separator = x · mono only · no logos.
Does not exist
Otto x TheVibeFounder
OTTO + THEVIBEFOUNDER · OTTO & THEVIBEFOUNDER
Serif in co-brand. Mixed case. + or & separator.
14File naming
Predictable names. Findable files.
tvf-[asset]-[variant]-[descriptor].[ext]
tvf-logo-dark.svg
tvf-logo-cream.svg
tvf-icon-1024.png
tvf-icon-192.png
tvf-favicon-32.png
tvf-logo-cream.svg
tvf-icon-1024.png
tvf-icon-192.png
tvf-favicon-32.png
tvf-session-29-sq.png
tvf-session-29-luma.png
tvf-session-29-zoom.png
tvf-banner-twitter.png
tvf-og-image.png
tvf-session-29-luma.png
tvf-session-29-zoom.png
tvf-banner-twitter.png
tvf-og-image.png
System active
TheVibeFounder
Build with agents. See how it's done.
Brand Guide v9.0 · 2026