AI Blocks › Build websites and web apps
Web font pairing picker
Describe your site. Get font pairs, sizes and line spacing that read well on every screen.
Web font pairing picker is a free AI skill for the job "Build websites and web apps". Give the instructions to an AI assistant that supports the required files and tools, then review its output.
Free · No account · MIT licence · Made by Wondel.ai · Level: beginner · Thinking: low
Made by Wondel.ai. See the original on GitHub; we copied it as it is, with its licence.
What it does
A font pair, size scale and line spacing that read well on every screen, chosen to fit what your site says about you. Readers stay longer when text is easy on the eyes. You describe the site, its tone and the type of content. The skill separates type for a moment, such as headlines and buttons, from type to live with, such as body text. It picks a pair with enough contrast between them, and a safe workhorse font for reading. It sets body size at 16 pixels or more, line length under about 75 characters, and line height of 1.4 or higher. It adds responsive sizing, font loading tips and a ten-point score.
You give it
- A description of your site and tone
- The kind of content: articles, shop, app
- Existing brand fonts (optional)
- Page or code to review (optional)
You get
- A heading and body font pair
- Size scale and line spacing
- Responsive type rules
- A score on ten typography checks
Use it when
- Your site feels cold or dated and you suspect the fonts.
- You are choosing fonts for a new brand or page.
- Your text is hard to read on phones.
- You want fonts to load fast without a flash of change.
How to use it
- Add it to your AI once: download it and add the folder to Claude, ChatGPT or Codex as a skill.
- Ask for the job in your own words. Your AI opens the skill when it fits.