Explore

Palmo — Paradise in Every Sip

PRO

palmo.co.in

Visit website
Screenshot of Palmo — Paradise in Every Sip
StudioPublished
  • 3D
  • Animation
  • Editorial
  • Large type
  • Light
  • WebGL

Palette

Typography

  • Primary

    Khand
    Weights
    400, 500, 600, 700
    Fallback
    Arial Narrow, Impact, sans-serif

  • Secondary

    Inter
    Weights
    400, 500, 600, 700
    Fallback
    Arial, Helvetica, sans-serif

  • Mono

    Patrick Hand
    Weights
    400
    Fallback
    Comic Sans MS, cursive

About this design

An animated beverage-brand experience that turns a raw coconut, an illustrated can, giant condensed typography and hand-drawn marks into a full-viewport product story.

Prompts

Six prompts, in build order. Pro unlocks all six, ready to paste into your AI tool.

  • Main build prompt
  • Build frontend
  • Generate assets
  • Add animations
  • Responsive polish
  • Final visual polish

Build Recipe

Framework

  • React
  • Vite
Agent
Claude Code
Model
Claude Fable 5.1The linked scroll narrative depends on a continuously mounted WebGL product scene, precise shell/can state transitions, and tightly layered editorial motion.

Creative tools

  • Nano Banana
  • OpenArt

Libraries

  • Three.js
  • GSAP
  • Lenis

Special requirements

WebGL product scene; believable split coconut 3D assets and textures; product-can texture artwork; alpha-masked tropical line art; scroll-like cinematic choreography.

AI Replicability

85 / 100

The visual system and scene-to-scene motion reproduce reliably with current WebGL and animation tools; the main remaining challenge is producing a convincing, art-directed cracked-coconut model and matching product-render lighting.

Main remaining challenge

Creating the central coconut shell in both intact and precisely split states with believable rough geometry, interior flesh, texture continuity, and product-scale lighting.

The design and branding of Palmo — Paradise in Every Sip belong to their authors. InspoToCode documents its visual language as a reference; anything you build from it should carry your own branding, copy and assets.

Design analysis

Pro analysis

Understand why the design works

The written breakdown of this design: composition, hierarchy, spacing, imagery and the decisions behind the details — the part that tells you what to keep and what to change.

Upgrade to Pro