Pac-Man vs Book Serif Index

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.

Same brief, opposite looks. Pac-Man is Night Shift and Book Serif Index is Print Romantic: see how far apart two good skills can take the same page.

Pac-Man4/5
After: Tally landing page, made with Pac-Man (Awesome Design Skills)
Book Serif Index4/5
After: Tally landing page, made with Book Serif Index (Meng To)

Scroll either page; the other follows.

Pac-Man (Awesome Design Skills)

4/5

Pac-Man turns Tally into an arcade cabinet: black screens, blue dotted maze borders, Press Start 2P headings and power-pellet yellow buttons. The hero is an arcade screen with envelope budgets as pellet bars, and on the dashboard a little Pac-Man chomps along each envelope while the over-budget one gets ghost styling. The theme is committed and still readable. Pick it for playful or gaming-adjacent brands.

Book Serif Index (Meng To)

4/5

Book Serif Index lays Tally out as an open ledger: aged paper pages inside a dark leather frame, IM Fell English and EB Garamond on the landing, Cormorant Garamond and Newsreader on the dashboard, with mono chapter numbers and an oxblood accent. The dashboard reads like a page of accounts, drop cap included. It is the most committed idea in this batch. Pick it for products that want warmth, history or craft.

Side by side

FieldPac-Man (Awesome Design Skills)Book Serif Index (Meng To)
Fonts
  • Press Start 2P
  • Space Mono
  • IM Fell English (landing)
  • EB Garamond (landing)
  • Cormorant Garamond (dashboard)
  • Newsreader (dashboard)
  • JetBrains Mono (landing)
  • IBM Plex Mono (dashboard)
Colors
  • #000000 black
  • #2a3fe5 maze blue
  • #ffd23f pellet yellow
  • #f4b9b0 ghost pink
  • #ff4d4d ghost red
  • #5eead4 cyan (dashboard)
  • #15130f leather
  • #efe4cc aged paper
  • #2a2118 ink
  • #7c2d23 oxblood
  • #a8823f gold
  • #cdbf9f frame text
Pick it for
  • gaming and hobby products
  • playful consumer apps
  • hackathon and side projects
  • event or campaign pages
  • editorial and publishing sites
  • heritage and craft brands
  • personal finance with a story
  • reading and journaling apps
Skip it for
  • serious finance or B2B products
  • accessibility-first products
  • long reading pages
  • fast-moving SaaS
  • data-dense admin tools
  • brands that want to look modern
Observations
  • pixel headings get hard to read at small sizes
  • monospace body text makes the landing feel dense in places
  • small grey serif text on aged paper is hard to read at mobile sizes
  • dashboard: the book frame eats width, so tables feel cramped

How the brief works

Install Pac-Man (Awesome Design Skills)

1 Run in your terminal

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

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 Book Serif Index (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/book-serif-index#main .claude/skills/book-serif-index

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.