claude-design-system-prompt vs Illustration: Vintage Emblem (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.

Tally landing page made with claude-design-system-prompt

This system prompt moves Tally to a cool grey-and-ink look with Bricolage Grotesque, Geist and a lime marker, and the dashboard is clean and well organized. One contrast bug on the closing CTA keeps it from a higher score.

Tally landing page made with Illustration: Vintage Emblem (Meng To)

The Vintage Emblem skill gives Tally a heritage badge, a sealed envelope inside a stamped emblem, and builds a print-shop brand around it: Anton capitals, Libre Caslon text, cream stock, deep forest ink and terracotta. The dashboard wears the same badge and colors, with Oswald headings. Pick it for brands that want craft, trust and a little nostalgia.

Side by side

Fieldclaude-design-system-promptIllustration: Vintage Emblem (Meng To)
Fonts
  • Bricolage Grotesque
  • Geist
  • Geist Mono
  • Anton (landing)
  • Libre Caslon Text
  • Work Sans (landing)
  • Oswald (dashboard)
  • Public Sans (dashboard)
Colors
  • #F4F5F1 paper
  • #16181D ink
  • lime marker oklch(91% 0.19 122)
  • coral oklch(58% 0.17 30)
  • dashboard brand oklch(44% 0.09 168)
  • #f8f0e3 cream
  • #1f2b25 forest ink
  • #c8693f terracotta
  • #d9a873 sand
  • #b5824f tan
  • #3f8273 teal
Good fit for
  • B2B and prosumer SaaS
  • fintech dashboards
  • developer-adjacent tools
  • directories and content tools
  • heritage and craft brands
  • local businesses
  • food and drink
  • friendly finance with personality
Not great for
  • warm lifestyle brands
  • kids or playful apps
  • luxury
  • tech and developer tools
  • minimal modern brands
  • dark-mode products
Flaws we saw
  • landing, desktop and mobile: in the closing CTA the highlighted word "counted." is dark ink on the dark band, so most of it disappears
  • took the longest after hallmark and taste (285 s landing, 263 s dashboard) and used a subagent
  • the runs are slow and costly next to the web-design skills, because the badge is drawn in SVG
  • dashboard: the tan and terracotta bars are close in tone

The baseline with no skillHow the brief works

Install claude-design-system-prompt

1 Paste a prompt into Claude Code, Codex, Cursor or Gemini

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

No install command in README: paste system-prompt.md as the system prompt and copy skills/ manually.

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

Install Illustration: Vintage Emblem (Meng To)

1 Run in your terminal

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

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.