Base44
Start building

Every builder needs a base

Build your own apps, websites, products and AI agents on Base44 using your own words. Get ahead — and make sure it stays that way.

Start building
01 · What will you build?

Turn any idea into a fully functional product.

Apps

Turn any idea into a fully functional app — with backend, auth, payments, and hosting already built in.

Build an app

Websites

AI-generated design, custom domain, built-in SEO tools — ready to go live from day one.

Build a website

AI agents

Create a 24/7 agent that connects to your tools, takes real action, and works while you sleep.

Create an AI agent
02 · Customer story

"It took about a week to come up with a product that works end-to-end."

Yoav Hornung, Founder, Gift My Book (ex-Fiverr)

1 weekto launch
$1M ARRin 3 months
6-8%conversion
A · Palette

Same warm system, inverted onto an ink ground.

Base44's own ink tone (#1E1E24) becomes the background; accents are brightened for dark-ground contrast.

bg / ink
#1E1E24
surface
#28282F
text
#EEECEB
muted
#9A968F
border
#3A383D
surface-2
#312F2F
orange accent
#FF8A3D
blue accent
#7C8CFF
B · Typography

Dazzed for display, Geist for everything else.

Unchanged from the default extract: Dazzed (commercial, self-hosted) for headlines, Geist (open source) for body/nav/buttons. This preview substitutes Instrument Sans for Dazzed.

Display / H1 · Dazzed · 600 · sentence case
Every builder needs a base
Section head · Dazzed 500 · 32px
The whole stack. No setup slowdown.
Body · Geist 400 · 17–21px
Build your own apps, websites, products and AI agents on Base44 using your own words.
Nav / label · Geist 500 · 16px
Product · Use Cases · Pricing · Enterprise
C · Components

Same radius and motion, paper-on-dark CTA.

The primary button flips to a light "paper" fill on dark — mirroring the live site's own footer CTA, which already does this swap.

Start building See all plans Superagents
D · Tokens

Quick token summary.

:root {
  --bg:        #1E1E24;
  --surface:   #28282F;
  --surface-2: #312F2F;
  --text:      #EEECEB;
  --muted:     #9A968F;
  --border:    #3A383D;

  --orange: #FF8A3D;  /* brightened from #FF6A00 */
  --blue:   #7C8CFF;  /* brightened from #3950E6 */

  --cta-fill:  #EEECEB;  /* paper-on-dark, mirrors live footer CTA */
  --cta-text:  #1E1E24;
  --cta-hover: #D8D5D0;

  --font-display: "Dazzed", "Dazzed Fallback", sans-serif;
  --font-body:    "Geist", "Geist Fallback", sans-serif;

  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;

  --ease-standard: cubic-bezier(.22, 1, .36, 1);
  --dur-hover: .2s;
}