CoFounder.AI

Item: CoFounder.AI
Rating: 7.6

AI cofounder that manages priorities and briefs specialist agents for founders.

cofounder.ai Save page

7.6/10MABTU rating

DESKTOP · 1440 × 6,861/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline with gold italic, chat card with portraits, two buttons1,024
02logosThin marquee of tool logos128
03videoLaunch-film tile with portrait and overlaid bold type585
04how it worksThree numbered steps in hairline panel616
05onboardingWizard UI mock with selectable option cards667
06modelThree layers, stats and specialist avatar row977
07journeyGold curve diagram with stage labels669
08featuresFive-column room cards562
09pricingStarter, Pro, Max columns with feature lists732
10ctaCentred serif with gold italic line and button594
11footerMinimal centred links and socials308

Rating · Home

Visual design8.0

UX & clarity7.3

Originality7.9

Craft & consistency7.6

Motion6.0

Performance & a11y7.7

This page scores 7.6; the site score weights the home page double.

Main colours

Dark·black background·muted

Typography

Cormorant Garamondheading · serif · google Instrument Sansbody · sans · google

Stack & style

Next.js React

Editorial Luxury Dark tech Logo cloud Marquee Pricing table Stats band Tabs

Also: PostHog, Google Analytics, Google Tag Manager, Cloudflare, Meta Pixel

Design DNA

Charcoal-black canvas with a classic high-contrast serif for headlines where one phrase per heading switches to mustard-gold italic, tiny gold uppercase mono eyebrows and gold rectangular buttons. The hero sets a four-line headline left and a stacked founder-portrait chat card with a numbered action list right. Below, a tools marquee, a launch-film video card with type overlaid on a portrait, then a two-column rhythm of small serif section titles left and hairline-bordered UI panels right: onboarding wizard, three-layer operating model with team avatars, a gold growth-curve diagram, a room grid and three pricing columns, closing on a centred serif CTA.

Worth borrowing

Italicise and colour one phrase of every serif headline in gold to create a signature voice.
Use a sticky left column of small serif titles against right-hand hairline UI panels.
Draw the product journey as a single gold line chart with labelled stages (Conceptualize to Exit).