Editorial vs Baoyu Design

Awesome Design Skills · Standalone skill

Tied at 3/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 Print Romantic way: cream paper, serif headlines, nothing shouting. Both are best for: visual direction.

Editorial3/5
After: Tally landing page, made with Editorial (Awesome Design Skills)
Baoyu Design3/5
After: Tally landing page, made with Baoyu Design

Scroll either page; the other follows.

Editorial sets Tally as a black-and-white newspaper: a masthead, big Gelasio serif headlines with italics, Ubuntu Mono labels, thin rules, a drop cap and a pull quote. The dashboard reads like a monthly issue on warm off-white with double rules and red only on the over-budget envelope. It is elegant, but the mobile dashboard scrolls sideways. Pick it for content-led or editorial products.

Baoyu keeps the baseline's cream-and-green palette in oklch with Instrument Serif and a kraft envelope illustration. It's a nicer-detailed version of the default rather than a new direction.

Side by side

FieldEditorial (Awesome Design Skills)Baoyu Design
Fonts
  • Gelasio
  • Ubuntu Mono
  • Instrument Serif
  • Hanken Grotesk
  • JetBrains Mono
  • Young Serif (dashboard)
Colors
  • #ffffff white
  • #faf9f6 paper (dashboard)
  • #111111 ink
  • #f1f1f1 grey
  • #d4d4d4 hairline
  • #dc2626 red
  • paper oklch(96.5% 0.018 85)
  • green oklch(44% 0.09 158)
  • stamp oklch(56% 0.16 32)
  • kraft oklch(84% 0.06 75)
Pick it for
  • editorial and content sites
  • newsletters and reports
  • premium personal-finance brands
  • calm dashboards
  • personal finance
  • lifestyle subscriptions
  • small consumer SaaS
Skip it for
  • playful consumer apps
  • dark-mode products
  • dense admin tools
  • dense pro dashboards
  • bold brands
  • dark-first apps
Observations
  • with almost no color, the dashboard leans on rules and type for every distinction
  • dashboard mobile: 498 px wide on a 390 px screen, so it scrolls sideways
  • dashboard is close to the baseline's layout with a light sidebar and adds little

How the brief works

Install Editorial (Awesome Design Skills)

1 Run in your terminal

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

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 Baoyu Design

1 Run in your terminal

npx skills add JimLiu/baoyu-design

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.