AI Blocks › Design things people love
Turn designs you like into a page plan you can build
Give it designs you like and your page text. Get the look, a page plan and checked colours.
Borrow a look you like and plan a readable page is a free AI workflow for the job "Design things people love". It guides your AI through several skills in order, passing each step's output to the next.
Free · No account · Made by AI Blocks
What it does
Most people can point at a design they like and cannot say why. Copying it by eye gets the surface and misses the rules, and the colours you guess often fail on a real screen. The first step reads your references and writes the look as a profile: measured colours, type, spacing, mood and effects, with a note where the references disagree. The second step takes that profile and your content. It sets margins, a grid, one or two typefaces, sizes and white space, page by page. The third checks every text and background colour in the result for reading. It finds the closest passing colour for any that fail.
You give it
- Screenshots or links of designs you like
- Your page content and what the page must do
- Where it is read, such as phone, desktop or print
- Your brand file or fixed fonts and colours (optional)
- Brand brain (optional)
- A draft (optional)
You get
- A style profile with measured colours, type, spacing, mood and effects
- A page layout with margins, grid, type sizes and white space for each page
- A contrast check on every text and background pair, with passing fixes
Use it when
- You have screenshots you love and no words for what they share.
- You want your own page to feel like them without copying them.
- You want to know the colours can be read before you build.
Steps
- Design style analyst: Share screenshots or links of designs you like. Get their colors, type, feel and effects as a profile you can reuse.
- Website typography and layout planner: Paste your content and page type. Get a grid, a short type list and a white-space plan.
- Colour contrast checker: Give it your colour tokens. Get light and dark theme pairs checked for readability, with the closest passing colours.
How to use it
- Download the handoff pack. It's a zip with HANDOFF.md and every skill file this workflow uses.
- Give the folder to Claude (in Claude Code, or as files in a Claude Project) and say "Follow HANDOFF.md".
- Attach your reference images, or paste the links.
- Paste your page content and say where it is read.
- Review the style profile before it goes into the layout.