Hallmark vs Illustration: Ink Sketch

Standalone skill · Meng To

Hallmark scored higher on the same brief, 4/5. The rows below show where each one fits.

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.

Hallmark4/5
After: Tally landing page, made with Hallmark
Illustration: Ink Sketch3/5
After: Tally landing page, made with Illustration: Ink Sketch (Meng To)

Scroll either page; the other follows.

Hallmark

4/5

Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.

Illustration: Ink Sketch (Meng To)

3/5

Illustration: Ink Sketch gives Tally hand-inked mascots: a googly-eyed envelope with a coin buddy, a ringing alarm clock and two critters sharing a budget, with chunky Bricolage Grotesque and ink-outlined sticker buttons on warm paper. The dashboard has an envelope critter waving on grass. It is charming, but the mobile dashboard scrolls sideways and the inline drawings make the pages heavy. Pick it for playful brands.

Side by side

FieldHallmarkIllustration: Ink Sketch (Meng To)
Fonts
  • Plus Jakarta Sans
  • JetBrains Mono
  • Bricolage Grotesque
  • DM Sans (landing)
  • Instrument Sans (dashboard)
Colors
  • paper oklch(97% 0.012 95)
  • yellow accent oklch(86% 0.18 95)
  • blue oklch(66% 0.18 235)
  • pink, mint and lavender step bands
  • ink oklch(20% 0.012 250)
  • #fffaf0 paper
  • #1d1a18 ink
  • #2f8a38 leaf green
  • #f0563d tomato
  • #ffc83d sunflower
  • #2fb5a7 teal
Pick it for
  • consumer budgeting apps
  • family and household tools
  • onboarding-heavy mobile apps
  • friendly B2C SaaS
  • playful consumer apps
  • kids and family products
  • onboarding and empty states
  • friendly landing pages
Skip it for
  • serious banking or wealth
  • enterprise and pro tools
  • luxury brands
  • serious finance or B2B
  • luxury brands
  • performance-sensitive pages
Observations
  • landing and dashboard: the mono labels run very small and get hard to read
  • each brief took about 12 minutes (742 s and 722 s), about five times the baseline's 143 s and 125 s
  • the inline drawings make the landing about 790 KB and the dashboard about 320 KB of HTML
  • dashboard mobile: 664 px wide on a 390 px screen, so it scrolls sideways

How the brief works

Install Hallmark

1 Run in your terminal

npx skills add nutlope/hallmark

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

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

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

Install Illustration: Ink Sketch (Meng To)

1 Run in your terminal

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

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.