3D Paper Material vs 3D Sky Rays

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

3D Paper Material3/5
After: Tally landing page, made with 3D Paper Material (Meng To)
3D Sky Rays3/5
After: Tally landing page, made with 3D Sky Rays (Meng To)

Scroll either page; the other follows.

3D Paper Material (Meng To)

3/5

3D Paper Material turns Tally into paper on a wall: a dark, warmly lit hero with a torn washi budget sheet, cotton-rag feature slips held by washi tape, kraft envelopes and vermilion stamps. The dashboard is a paper desk with ledger-paper charts. The craft feel is real, but it is drawn with CSS and SVG rather than 3D, and both mobile pages scroll sideways. Pick it for warm, handmade brands.

3D Sky Rays (Meng To)

3/5

3D Sky Rays gives Tally a golden-hour hero: a live WebGL scene with sunlight through a tree canopy over a rooftop and hills, then a cream and dusk page with Fraunces and Manrope. The dashboard puts the October summary in a sunlit banner with rays through leaves. The hero is lovely, though the rest of each page is a warm cream look close to the default. Pick it for a calm, cinematic hero.

Side by side

Field3D Paper Material (Meng To)3D Sky Rays (Meng To)
Fonts
  • Fraunces
  • Instrument Sans (landing)
  • Caveat (landing)
  • Inter (dashboard)
  • IBM Plex Mono (dashboard)
  • Fraunces
  • Manrope (landing)
  • DM Sans (dashboard)
Colors
  • #1b1e29 dark wall
  • #f4ecdb cream
  • #a88f70 kraft
  • #c4472d vermilion
  • #26304b ink
  • #f2c98a warm glow
  • #fbf5ea cream
  • #221c2b ink
  • #f2a541 sun
  • #d9792b deep amber
  • #2f2732 dusk
  • #5f7d64 sage
Pick it for
  • stationery and craft brands
  • warm consumer apps
  • storytelling landing pages
  • portfolio pieces
  • lifestyle and wellness brands
  • calm consumer apps
  • hero visuals
  • storytelling landing pages
Skip it for
  • tech or enterprise products
  • dark-mode products
  • dense data tools
  • dense dashboards
  • low-power devices
  • tech or enterprise brands
Observations
  • the 3D skill was used only for its look: both pages are flat CSS and SVG, with no 3D scene
  • heavy textures make some small text harder to read
  • landing mobile: 404 px wide on a 390 px screen, so it scrolls sideways
  • dashboard mobile: 578 px wide on a 390 px screen, so it scrolls sideways
  • below the hero, the cream, serif and card layout is close to the default look
  • the WebGL scene adds weight and needs a still fallback

How the brief works

Install 3D Paper Material (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/3d/3d-paper-material#main .claude/skills/3d-paper-material

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 3D Sky Rays (Meng To)

1 Run in your terminal

npx degit MengTo/Skills/agent-skills/3d/3d-sky-rays#main .claude/skills/3d-sky-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.