Bold (Awesome Design Skills) vs Hallmark

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 Bold (Awesome Design Skills)

Bold gives Tally a poster: huge uppercase Archivo Black headlines, thick black borders with hard offset shadows, a blue-and-yellow accent pair and a tilted phone in the hero. The dashboard keeps the same voice with a black sidebar, a big black "spent so far" card and striped red for the over-budget envelope. Both pages read clearly and work on a phone. Pick it when you want a product page that shouts.

Tally landing page made with Hallmark

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.

Side by side

FieldBold (Awesome Design Skills)Hallmark
Fonts
  • Archivo Black
  • Archivo
  • JetBrains Mono
  • Plus Jakarta Sans
  • JetBrains Mono
Colors
  • #111111 near-black
  • #ffffff white
  • #0077bc blue
  • #ffd23f yellow
  • #f3f1ea paper
  • #dc2626 red
  • 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)
Good fit for
  • consumer apps with a loud brand
  • launch and campaign pages
  • SaaS landing pages
  • product dashboards that need personality
  • consumer budgeting apps
  • family and household tools
  • onboarding-heavy mobile apps
  • friendly B2C SaaS
Not great for
  • quiet enterprise tools
  • luxury or editorial brands
  • dense data tables
  • serious banking or wealth
  • enterprise and pro tools
  • luxury brands
Flaws we saw
  • landing: the hero headline is so large that the value line and buttons sit low on a laptop screen
  • dashboard: heavy borders on every card make the page feel busy in long lists
  • 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 baseline with no skillHow the brief works

Install Bold (Awesome Design Skills)

1 Run in your terminal

npx degit bergside/awesome-design-skills/skills/bold#main .claude/skills/bold

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 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.