Creative vs Immersive

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 Maximalist way: loud color, big type, more is more. Both are best for: visual direction, landing pages.

Creative3/5
After: Tally landing page, made with Creative (Awesome Design Skills)
Immersive3/5
After: Tally landing page, made with Immersive (Awesome Design Skills)

Scroll either page; the other follows.

Creative (Awesome Design Skills)

3/5

Creative turns Tally into a comic book: Bangers headlines, IBM Plex Mono body text, thick black outlines with pop shadows, halftone dots, speech bubbles and highlighter yellow. The dashboard is a set of comic panels on cream halftone. It is one of the boldest looks here, but both mobile pages scroll sideways. Pick it for playful brands, and plan to fix the phone layout.

Immersive (Awesome Design Skills)

3/5

Immersive sets Tally on one deep-green canvas like a museum exhibit: white cards with thick black borders and hard shadows, cobalt and hot-pink blocks, condensed Oswald headlines and slanted arcade buttons. Features are "Exhibit 01-04" and pricing is "Pick your ticket". The dashboard keeps the same look. It is loud and distinct, but both mobile pages scroll sideways, the dashboard only a little. Pick it for playful, story-led brands.

Side by side

FieldCreative (Awesome Design Skills)Immersive (Awesome Design Skills)
Fonts
  • Bangers
  • IBM Plex Mono
  • IBM Plex Sans (dashboard)
  • Oswald
  • JetBrains Mono
Colors
  • #fff8e7 cream
  • #111827 ink
  • #fde047 highlighter yellow
  • #3b82f6 blue
  • #8b5cf6 purple
  • #16a34a green
  • #00592b deep green
  • #0023d1 cobalt
  • #ff3ea5 hot pink
  • #c6f432 lime
  • #111827 ink
  • #ffffff white
Pick it for
  • playful consumer brands
  • campaign and launch pages
  • kids and education products
  • creative portfolios
  • playful consumer brands
  • campaign and event pages
  • museum and culture sites
  • gamified products
Skip it for
  • serious finance or B2B
  • accessibility-first products
  • dense data tools
  • serious finance or B2B
  • calm brands
  • dense data tools
Observations
  • monospace body text and busy halftones make reading slower
  • landing mobile: 411 px wide on a 390 px screen, so it scrolls sideways
  • dashboard mobile: 698 px wide on a 390 px screen, so it scrolls sideways
  • the exhibit and ticket copy is a gimmick that may not suit a budgeting app
  • landing mobile: 431 px wide on a 390 px screen, so it scrolls sideways
  • dashboard mobile: 392 px wide on a 390 px screen, so it scrolls sideways a little

How the brief works

Install Creative (Awesome Design Skills)

1 Run in your terminal

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

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

1 Run in your terminal

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

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.