Deploy · Build · Ship

Push your ideas to the web

Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.

Start building Talk to sales

Add Netlify to your coding agent

npx netlify deploy▢

⭐

Platform

One workflow to build, deploy and scale

Instant deploys

Every push ships to global production infrastructure in seconds.

Edge functions

Run code close to users with zero config and full observability.

Agent-ready

Wire Netlify into your coding agent and let it deploy for you.

netlify.toml

[build]

command = "npm run build"

publish = "dist"

[[edge_functions]]

function = "hello"; path = "/api/*"

deploy() // live in 3.2s

Published main@a91f2 — production3.2s

Preview feat/auth — deploy preview4.1s

Building fix/nav — branch deploy…

Controls

Buttons, fields & states

Start building Talk to sales Dark block Small outline Small filled Disabled

Search docs team-site.netlify.app Deploy Draft OverviewDeploysLogs

Primary CTAs are full-radius (360px) teal pills with dark #12181f ink; secondary CTAs are translucent-white ghost pills with teal text. Hover shifts fill/brightness over 0.2s cubic-bezier(.22,1,.36,1). Focus lights the field border teal.

Typography

Figtree 800 · Instrument Sans · Martian Mono

Display h1 · Figtree · 64/70 · 800Push your ideas to the web

Section h2 · Figtree · 49/54 · 800Build, deploy and scale

Eyebrow h3 · Martian Mono · 12 · 500 · UPPERDeploy · Build · Ship

Body · Instrument Sans · 16/24 · 400Deploy instantly on production infrastructure.

Button · Figtree · 16 · 700Start building

Small label · Instrument Sans · 14 · 600Add to your coding agent

Palette

Every token

Surfaces

bg-deep#060b10

bg#12181f

surface#1e242c

surface-2#181a1c

teal-panel#0c2a2a

Text

text#defffe

white#ffffff

text-soft#e4f0fb

muted#7e8792

faint#4d565f

ink-on-teal#014847

Accent & code syntax

teal#32e6e2

blue#316bf4

green#32ae88

code-blue#89ddff

code-lilac#c792ea

code-sky#add7ff

code-sky2#5fb3ff

Borders

border#272f38

border-2#3b434c

border-teal#32e6e2

border-faint#ffffff33

Depth & motion

Radii & elevation

2px

4px card

6px

12px

360px pill

shadow-float

teal glow

flat + hairline

Motion: 0.2s cubic-bezier(.22,1,.36,1) on background/border (ease-out); also filter 0.2s and translate 0.1s ease-out. Structure comes from navy hairlines, not shadows.