Bold vs Nothing Design Skill

Awesome Design Skills · Standalone skill

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

Same brief, opposite looks. Bold is Brutalist and Nothing Design Skill is Engineer: see how far apart two good skills can take the same page.

After: Tally landing page, made with Bold (Awesome Design Skills) — Bold4/5

After: Tally landing page, made with Nothing Design Skill — Nothing Design Skill4/5

Scroll either page; the other follows.

Bold (Awesome Design Skills)

4/5

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.

Nothing Design Skill

4/5

With the skill loading properly, Nothing turns both pages into an OLED-black instrument panel with Doto dot-matrix numerals, segmented bars and one red. This time the dashboard works end to end. Small grey labels on black are the weak spot.

Side by side

Field	Bold (Awesome Design Skills)	Nothing Design Skill
Fonts	Archivo Black Archivo JetBrains Mono	Doto Space Grotesk Space Mono
Colors	#111111 near-black #ffffff white #0077bc blue #ffd23f yellow #f3f1ea paper #dc2626 red	#000000 background #111111 surface #E8E8E8 text #D71921 red #4A9E5C success
Pick it for	consumer apps with a loud brand launch and campaign pages SaaS landing pages product dashboards that need personality	hardware and gadget brands dev tools tech product launches dark-first apps
Skip it for	quiet enterprise tools luxury or editorial brands dense data tables	warm consumer finance accessibility-critical services content-heavy sites
Observations	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	dashboard chart: the month value labels are dim grey on grey bars and the y-axis labels sit behind the bars, so the chart is hard to read small Space Mono labels in #666 and #999 on black are faint at 10 to 11 px on both briefs landing desktop: sections leave wide empty black areas around short text the look changed between runs (light landing last time, black this time), so expect some drift

How 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 Nothing Design Skill

1 Run in your terminal

git clone https://github.com/dominikmartn/nothing-design-skill.git
cp -r nothing-design-skill/nothing-design ~/.claude/skills/

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.

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