Extract the full design of any site
What's in a print
For your AI builder
Paste into Lovable, v0, Bolt, Replit, Claude Code or Cursor and the UI comes out looking the way you meant.
- PromptColors, type and spacing in one brief, plus what you are building
DESIGN.mdDesign direction any coding agent can followSKILL.mdA Claude Code skill- Cursor ruleAn
.mdcfile for Cursor globals.cssA Tailwind CSS v4 theme and shadcn/ui variablestokens.jsonDesign tokens for Figma, and plain CSS variables
For designers
The whole system on one page. Click any value to copy it.
- PaletteEvery color, sorted into neutrals and hues, in HEX, RGB or HSL
- TypographyFonts, weights, files and where they come from, plus the type scale
- Spacing and shapeSpacing steps, corner radii and content widths
- Shadows and motionShadows, gradients, easing curves and durations
- BreakpointsEvery screen width the CSS changes at
- Assets and techLogo, icons, share image, framework and hosting
Start from a site you like
All 359 designs
Colors
Click any color to copy it.
Roles
Dark mode
Full palette
Gradients
Typography
Click a size to copy it.
Text styles
Every size
Fonts
Spacing and shape
Spacing scale
Corner radii
Content widths
Shadows and motion
Shadows
Easing hover to play
Durations
Animations
Breakpoints
Sample UI in this style
A made-up page built only from the values above, so you can see the style apart from the site.
Assets
Logo and icons
Images
Tech
Page facts
Export for AI
Social image