Explore

Palmo — Paradise in Every Sip

PRO
Screenshot of Palmo — Paradise in Every Sip
Creative 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

Pro access

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
Codex
Model
GPT 6 AstraThe 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
  • Spline

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.

Credits

Featured for design inspiration and analysis.

Are you the designer? Claim this workRequest removal

Original website, branding and assets remain the property of their respective owners. Content policy

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