The web design agent
for professional sites

AI website builder with the control of a design tool.

Make a refined personal portfolio...
GPT 5.5 ▾ ↑
Create personal portfolio Build startup site Launch landing page Start company blog
Explore our canvas ↓
Components

Two type voices, one light source.

GT Walsheim display

Rounded grotesque at weight 500, tight -4% tracking. Long headlines go two-tone: white line, muted continuation.

-4% tracking

Inter everywhere else

All UI and body copy in Inter at 14px. Input Mono is reserved for code and model labels only.

14px body

Ring + drop + glow

A hairline inset ring plus a soft dark drop. The blue glow is the only colored shadow, kept to prompt and publish.

rgba(99,115,255,.14)
▣+T△
Site · main
▶InvitePublish
Controls

Every button, one black canvas.

Sign up Publish Log in Suggestion chip ↑
white #fff/#000 · publish #6373ff · ghost fg60 · chip rgba(fff,.08) · send #0099ff
Hover states
Sign upwhite · hover opacity .88
Log inghost · hover → white
Suggestion chipchip · hover fill .14
Publishpublish · glow at rest
Disabled states
Sign upwhite · disabled
Publishpublish · disabled
Log inghost · disabled
Suggestion chipchip · disabled
Input field · default and focus
input · default · border #767676
input · focus ring · #0099ff + glow
Badges
Published Draft AI

Controls sit at 8px radius, ~34px tall. Nav primary is a white pill on black; product primary is the periwinkle Publish pill with a soft blue glow. Blue is rationed to the send, links and focus.

Typography

GT Walsheim leads, Inter carries.

Display / h1 · GT Walsheim 54/54 · 500 · -4%The web design agent
Section / h2 · GT Walsheim 44/48.4 · 500 · -4%Design and ship on one canvas
Subhead / h3 · Inter 18/23.4 · 400AI website builder with real design control.
Body / UI · Inter 14 · 400 · -0.01pxInter carries every functional surface at 14px across the marketing site.
Mono · Input Mono · model + code labelsGPT 5.5 ▾
Palette

Near-black, until it glows.

canvas#000000
surface-1#111111
surface-2#171717
surface-3#1e1e1e
surface-4#242424
surface-5#303030
text#ffffff
text-60rgba fff .60
muted#999999
muted-2#666666
border#767676
hairlinergba fff .10
blue#0099ff
periwinkle#6373ff
light-bluergba d4e2ff .75
green#00bb88
Depth & Motion

Hairline ring, soft drop, one blue glow.

4px
6px
8px
15px
20px
100px
50%
radius · 4–6px small · 8px controls · 15px panels · 20px prompt · 100px pills · 50% avatars
Hairline inset ring
rgba(255,255,255,.07) 0 0 0 1px inset
Soft dark drop
rgba(0,0,0,.4) 0 26px 41.6px
Ring + drop (float)
inset ring + soft drop
Signature blue glow
rgba(99,115,255,.4) + rgba(0,153,255,.35)

Motion: the hero prompt ring animates a travelling blue glow around its border; Framer Motion springs drive entrances and hover micro-transitions on color / opacity / transform.