Codex vs Corporate

Awesome Design Skills · Awesome Design Skills

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 Minimalist way: white space, one accent, and the confidence to leave things out. Both are best for: visual direction.

Codex3/5
After: Tally landing page, made with Codex (Awesome Design Skills)
Corporate3/5
After: Tally landing page, made with Corporate (Awesome Design Skills)

Scroll either page; the other follows.

Codex (Awesome Design Skills)

3/5

Codex makes Tally stark black and white: oversized heavy Open Sans headlines, pill buttons, thin black rules and inverted black bands, with no shadows or gradients. The dashboard uses big light numbers and black as the only fill, with red and green only for status. It is clean and confident. Pick it for developer tools or brands that want a strict monochrome look.

Corporate (Awesome Design Skills)

3/5

Corporate gives Tally a clean enterprise look: a 12-column grid, Poppins headings over Open Sans, blue as the main color and violet accents. The dashboard has a white sidebar, summary cards and a tidy envelope grid. It is safe and orderly, but the mobile dashboard scrolls sideways. Pick it for B2B products that want to look established.

Side by side

FieldCodex (Awesome Design Skills)Corporate (Awesome Design Skills)
Fonts
  • Open Sans
  • JetBrains Mono
  • Poppins
  • Open Sans
  • IBM Plex Mono
Colors
  • #ffffff white
  • #000000 black
  • #111827 ink
  • #4b5563 grey
  • #e5e7eb hairline
  • #dc2626 red
  • #ffffff white
  • #2563eb blue
  • #1e40af deep blue
  • #6d28d9 violet
  • #eff6ff blue tint
  • #111827 ink
Pick it for
  • developer tools
  • AI and tech product pages
  • minimal SaaS
  • monochrome brands
  • B2B SaaS
  • enterprise landing pages
  • admin dashboards
  • internal tools
Skip it for
  • warm consumer brands
  • playful products
  • image-led marketing
  • consumer brands that need personality
  • creative brands
  • editorial sites
Observations
  • with almost no color, the dashboard can feel flat when scanning many numbers
  • generic: close to many blue enterprise templates
  • dashboard mobile: 664 px wide on a 390 px screen, so it scrolls sideways

How the brief works

Install Codex (Awesome Design Skills)

1 Run in your terminal

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

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

1 Run in your terminal

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

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.