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

Warm paper ground, ink text, two sparing accents.

Real hex pulled from `var(--token, #hex)` fallbacks in the live CSS.

bg / paper
#F9F7F4
surface / alt
#EEECEB
text / ink
#1E1E24
muted
#6D6A67
border
#DDD8D2
cta-black
#312F2F
orange accent
#FF6A00
blue accent
#3950E6
B · Typography

Dazzed for display, Geist for everything else.

Live site uses Dazzed (commercial, self-hosted) and Geist (open source). This preview substitutes Instrument Sans for Dazzed and loads Geist directly.

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

Soft radius, dark-fill CTA, sparing color.

Buttons below use the real fill, radius (6–10px), and hover color shift.

Start building See all plans Superagents
D · Tokens

Quick token summary.

:root {
  --offwhite-paper:   #F9F7F4;
  --offwhite:         #EEECEB;
  --border-warm:      #DDD8D2;
  --text-ink:         #1E1E24;
  --text-secondary:   #6D6A67;

  --cta-black:        #312F2F;
  --cta-black-hover:  #433F3F;

  --orange:           #FF6A00;
  --blue-nav:         #3950E6;

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

  --radius-md: 6px;   /* mobile buttons, chips */
  --radius-lg: 8px;   /* desktop buttons */
  --radius-xl: 10px;  /* large CTAs, cards */

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