Cosmic vs Enterprise

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 Night Shift way: dark screens, glowing accents, work that looks best at 2am. Both are best for: visual direction.

Cosmic3/5
After: Tally landing page, made with Cosmic (Awesome Design Skills)
Enterprise3/5
After: Tally landing page, made with Enterprise (Awesome Design Skills)

Scroll either page; the other follows.

Cosmic sets Tally in deep space: a starfield, blue-to-violet neon glows, Audiowide headings and JetBrains Mono text. The landing hero is an animated orbit with envelopes circling the monthly budget; the dashboard uses frosted-glass cards and an orbit-ring gauge. It is distinct and consistent, but the mobile landing scrolls sideways. Pick it for space, gaming or futuristic brands.

Enterprise gives Tally a dark cloud-console look: near-black pages, IBM Plex Sans, glass-like panels on an 8pt grid and a brand blue for buttons. The dashboard is dense and readable, with green, amber and red only for status. It is clean and clearly not the default, though it looks like many dark admin consoles. Pick it for dark B2B dashboards.

Side by side

FieldCosmic (Awesome Design Skills)Enterprise (Awesome Design Skills)
Fonts
  • Audiowide
  • JetBrains Mono
  • IBM Plex Sans
  • IBM Plex Mono
Colors
  • #05060f deep space
  • #0b0e1f navy
  • #3b82f6 blue
  • #60a5fa light blue
  • #8b5cf6 violet
  • #eef1ff star white
  • #09090b near-black
  • #111114 panel
  • #0c5cab brand blue
  • #4f9be6 light blue
  • #34d399 green
  • #fbbf24 amber
  • #fafafa text
Pick it for
  • gaming and sci-fi brands
  • crypto and web3 products
  • event pages
  • dark product dashboards
  • dark B2B dashboards
  • cloud and developer platforms
  • analytics tools
  • internal consoles
Skip it for
  • conservative finance brands
  • accessibility-first products
  • light, calm products
  • warm consumer brands
  • light, friendly products
  • editorial sites
Observations
  • neon glows on dark blue lower contrast for small text
  • landing mobile: 416 px wide on a 390 px screen, so it scrolls sideways
  • landing: the hero is another product screenshot, so the page feels more like an app than a pitch

How the brief works

Install Cosmic (Awesome Design Skills)

1 Run in your terminal

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

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

1 Run in your terminal

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

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.