Impeccable vs Illustration: Outlined Cartoon (Meng To)

Tied at 4/5 on the same brief. Pick by fit: the rows below show where each one is stronger.

Both built the Tally landing page in the same Claude Code test. Shared tasks: Visual direction, Landing pages.

Tally landing page made with Impeccable

Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.

Tally landing page made with Illustration: Outlined Cartoon (Meng To)

The Outlined Cartoon skill draws its own SVG people and objects, with thick black outlines and flat yellow, periwinkle, red and green fills, and builds the whole page around them: chunky Bricolage Grotesque, hard offset shadows and sticker-like cards. The dashboard keeps the cartoon, down to a little character in the summary card. Pick it if you want a friendly, playful product that looks hand-made.

Side by side

FieldImpeccableIllustration: Outlined Cartoon (Meng To)
Fonts
  • Archivo (landing)
  • Schibsted Grotesk (dashboard)
  • Bricolage Grotesque
  • DM Sans (landing)
  • Figtree (dashboard)
Colors
  • #151a33 navy
  • #f0661f orange
  • #17834b green
  • #2a55c9 blue
  • #f2b62d gold
  • pine rail oklch(0.29 0.045 168)
  • lime oklch(0.89 0.16 124)
  • #1e1b1b ink
  • #fffdf8 paper
  • #f6c343 yellow
  • #6b7fd4 periwinkle
  • #e5281d red
  • #4ea54a green
  • #f6a3b6 pink
Good fit for
  • consumer fintech marketing
  • product launch pages
  • directories and marketplaces
  • sports or youth brands
  • B2C SaaS dashboards
  • consumer apps
  • education and kids products
  • friendly onboarding
  • community and creator tools
Not great for
  • luxury or quiet editorial brands
  • wellness and calm-first apps
  • long-form reading sites
  • serious finance or legal brands
  • enterprise software
  • minimal brands
Flaws we saw
  • dashboard: money figures print with a space before the comma ("$5 , 400")
  • dashboard desktop: an empty gap sits under the spending chart
  • landing: the page runs 6,836 px and the zigzag feature sections start to feel repetitive
  • the landing (navy and orange) and the dashboard (pine and lime) share little color
  • the runs take far longer than the web-design skills, because every illustration is drawn by hand in SVG
  • the hard offset shadows on every card make long pages busy

The baseline with no skillHow the brief works

Install Impeccable

1 Run in your terminal

npx impeccable install

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

Then run /impeccable init inside your AI coding tool.

Taken from the project README. Check the source for the latest instructions.

Install Illustration: Outlined Cartoon (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/illustration/illustration-outlined-cartoon#main .claude/skills/illustration-outlined-cartoon

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.