Illustration: Flat vs Illustration: Flat With Black

Meng To · Meng To

Tied at 3/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, and both design the Maximalist way: loud color, big type, more is more. Both are best for: visual direction, landing pages.

Illustration: Flat3/5
After: Tally landing page, made with Illustration: Flat (Meng To)
Illustration: Flat With Black3/5
After: Tally landing page, made with Illustration: Flat With Black (Meng To)

Scroll either page; the other follows.

Illustration: Flat (Meng To)

3/5

Illustration: Flat gives Tally a cut-paper look: white and pale lavender, navy text, and a hero of a woman dropping a coin into a "FUN" envelope, with small flat drawings on each feature. The dashboard uses the same lavender, indigo, yellow, coral and mint for the envelopes. It is friendly and clean. Pick it when you want custom spot illustrations without hiring an illustrator.

Illustration: Flat With Black (Meng To)

3/5

The Flat With Black skill draws tall, flat-vector people in denim, yellow and black, and pairs them with a clean white Tally in Bricolage Grotesque and DM Sans, yellow highlights and a navy footer. The dashboard keeps the illustrations and the yellow accents, but scrolls sideways on a phone. Pick it for friendly, modern product sites.

Side by side

FieldIllustration: Flat (Meng To)Illustration: Flat With Black (Meng To)
Fonts
  • Bricolage Grotesque (landing)
  • DM Sans (landing)
  • Plus Jakarta Sans (dashboard)
  • Bricolage Grotesque
  • DM Sans
Colors
  • #ffffff white
  • #f5f3fd lavender wash
  • #011b5c navy
  • #6a6ceb indigo
  • #fec600 yellow
  • #ff7f91 coral
  • #93d7d5 mint
  • #ffffff white
  • #15202f ink
  • #f9db74 yellow
  • #65aacb denim
  • #a6cf6e green
  • #e56355 red
Pick it for
  • consumer apps
  • onboarding and empty states
  • SaaS landing pages
  • friendly dashboards
  • consumer apps
  • SaaS landing pages
  • onboarding and help pages
  • community products
Skip it for
  • luxury or editorial brands
  • dark-mode products
  • dense data tools
  • luxury or editorial brands
  • dark-mode products
  • dense data tools
Observations
  • the illustration style is common in SaaS marketing, so it can feel familiar
  • dashboard mobile: 657 px wide on a 390 px screen, so it scrolls sideways
  • the runs are slow and costly next to the web-design skills, because the art is drawn in SVG

How the brief works

Install Illustration: Flat (Meng To)

1 Run in your terminal

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

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.

Install Illustration: Flat With Black (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/illustration/illustration-flat-with-black#main .claude/skills/illustration-flat-with-black

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.