Bold vs Documentary Brutalist Agency

Awesome Design Skills · 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, and both design the Brutalist way: black, white and heavy type. Hard edges, no apologies. Both are best for: visual direction.

Bold4/5
After: Tally landing page, made with Bold (Awesome Design Skills)
Documentary Brutalist Agency4/5
After: Tally landing page, made with Documentary Brutalist Agency (Meng To)

Scroll either page; the other follows.

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.

Documentary Brutalist Agency shouts in the best way: "EVERY DOLLAR GETS A JOB" in giant Anton capitals, hard black and paper chapters, numbered sections and mono captions. The dashboard keeps it, with a huge $640, black rule-framed panels and a mint bills card. Pick it if you want a poster-loud brand and can live with a budgeting app that feels like a culture magazine.

Side by side

FieldBold (Awesome Design Skills)Documentary Brutalist Agency (Meng To)
Fonts
  • Archivo Black
  • Archivo
  • JetBrains Mono
  • Anton
  • Inter Tight
  • JetBrains Mono (landing)
Colors
  • #111111 near-black
  • #ffffff white
  • #0077bc blue
  • #ffd23f yellow
  • #f3f1ea paper
  • #dc2626 red
  • #0d0d0c ink
  • #f3f0e8 paper
  • #cfeedd mint
  • #f6d3d0 pink
  • #b3261e red (dashboard)
  • #6b6862 grey
Pick it for
  • consumer apps with a loud brand
  • launch and campaign pages
  • SaaS landing pages
  • product dashboards that need personality
  • agency and studio sites
  • culture and events brands
  • bold product launches
  • editorial portfolios
Skip it for
  • quiet enterprise tools
  • luxury or editorial brands
  • dense data tables
  • calm consumer finance
  • accessibility-first public services
  • long-form reading
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
  • the all-caps Anton headlines get tiring over a long page
  • dashboard: the black-on-black envelope bars rely on thin outlines to read

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 Documentary Brutalist Agency (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/documentary-brutalist-agency#main .claude/skills/documentary-brutalist-agency

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.