3D Underwater God Rays vs High Contrast Skeuomorphic Clean

Meng To · Meng To

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.

3D Underwater God Rays3/5
After: Tally landing page, made with 3D Underwater God Rays (Meng To)
High Contrast Skeuomorphic Clean3/5
After: Tally landing page, made with High Contrast Skeuomorphic Clean (Meng To)

Scroll either page; the other follows.

3D Underwater God Rays (Meng To)

3/5

3D Underwater God Rays sets Tally in deep water: teal-black colors, Instrument Serif headlines, sand-colored buttons and a live WebGL hero with light shafts drifting down. The dashboard has translucent panels over the same moving light, with aqua for progress and coral for the over-budget envelope. It is atmospheric and consistent, but the mobile dashboard scrolls sideways. Pick it for calm, premium dark brands.

High Contrast Skeuomorphic Clean (Meng To)

3/5

High Contrast Skeuomorphic gives Tally a dark charcoal app shell on a warm light-grey page, with molded panels, thin edge highlights, recessed wells and one mint-green signal color. The dashboard uses the same molded shell with a lime accent and coral for overspending. It is clean and tactile on both pages. Pick it for premium, hardware-like product pages.

Side by side

Field3D Underwater God Rays (Meng To)High Contrast Skeuomorphic Clean (Meng To)
Fonts
  • Instrument Serif
  • Manrope (landing)
  • Instrument Sans (dashboard)
  • Inter Tight (landing)
  • Inter (dashboard)
  • JetBrains Mono
Colors
  • #03121a abyss
  • #0a3340 deep teal
  • #8de6dc aqua
  • #f3d9a4 sand
  • #e7f4f2 foam white
  • #ff8b74 coral
  • #e7e6e1 warm grey page
  • #0b0c0d charcoal shell
  • #17191b panel
  • #46e39a mint (landing)
  • #a6f05a lime (dashboard)
  • #f4f5f2 text
Pick it for
  • wellness and calm apps
  • premium dark product pages
  • ocean and travel brands
  • hero visuals
  • premium tech products
  • hardware and device brands
  • dark product dashboards
  • developer tools
Skip it for
  • dense admin tools
  • low-power devices
  • light, bright brands
  • warm consumer brands
  • editorial sites
  • light, airy products
Observations
  • the moving background behind glass panels lowers contrast in places
  • the WebGL scene adds weight and needs a still fallback
  • dashboard mobile: 665 px wide on a 390 px screen, so it scrolls sideways
  • the landing uses mint and the dashboard lime, so the accent shifts between pages

How the brief works

Install 3D Underwater God Rays (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/3d/3d-underwater-god-rays#main .claude/skills/3d-underwater-god-rays

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 High Contrast Skeuomorphic Clean (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/web-design/high-contrast-skeuomorphic-clean#main .claude/skills/high-contrast-skeuomorphic-clean

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.