Cursor for Designers

Craft, edit, and ship web experiences with AI. The visual code editor for designers and product managers.

Get StartedBook a Demo
Villainterest
Design Mockup Container
Top Navigation Bar
Logo
Search Bar
Clear Button
DesignPreview● Live
Chat </> Code
Make the nav sticky and add a brutalist border.
Updated TopNav.tsx — 2 changes
Product

Design in the real thing

Layers

A real component tree, not a sketch of one.

Brand

Tokens and type scales edited in place.

Code

Every visual edit writes real React.

Controls

Buttons & fields

Get Started Book a Demo Product Layers Disabled ● Live
Get Started Book a Demo Product Layers ← hover state
Brutalist lair decor Brutalist lair decor ← focus (none captured — recommended)

Controls sit at the dominant 8px radius, 32–36px tall. Editor tools use the sub-pixel 0.5px white hairline; marketing chrome uses 1px. Mint marks live and violet marks AI/selection – both stay inside the product UI, never on a marketing button.

Typography

Two faces, one headline

Display h1 · Inter · 60/54 · 300 · -2.4pxCursor for
Display script · Vujahday Script · 73.6/73.6 · 400Designers
Section h2 · Inter · 48/60 · 300 · -1.92pxDesign in the real thing
Mono sub h3 · JetBrains Mono · 12/16 · 400TOP NAVIGATION BAR
Body · Inter · 18/28 · 400 · normalCraft, edit, and ship web experiences with AI.
Button · Inter · 14/20 · 400–500Book a Demo
Palette

Monochrome chrome, mint and violet inside

Text
ink#fafafa
grey-d4#d4d4d8
grey-ab#ababab
grey-99#999999
grey-9d#9d9d9d
grey-71#71717b
grey-52#52525c
Surfaces & borders
canvas#0f0f0f
surface-1#1a1a1a
surface-1b#1a191a
surface-2#27272a
surface-3#18181b
black#09090b
hairline-tint#f5ffff
grey-e4#e4e4e7
cream#f0efe3
Accent & semantic (editor)
mint#46edd5
mint-light#96f7e4
mint-deep#0b4f4a
violet#dab2ff
violet-strong#ad46ff
Depth & motion

Blur, not shadow

1px
2px
4px
6px
8px dominant
10px
14px
10px sheet
blur(8px)
blur(16px)
blur(24px)
blur(40px)

There are zero real box-shadows – all 82 recorded are transparent placeholders. Depth is the graded 8/16/24/40px backdrop blur above, plus white hairlines at 1px and 0.5px. Motion is cubic-bezier(0.4,0,0.2,1) at 0.15s, and the signature is ultra-slow counter-spin 280s / counter-spin-reverse 290s orbit rings (live above – roughly one turn every five minutes) over a full-viewport WebGL field. Ships 2 reduced-motion blocks.