A fizzy brand experience for a craft soda startup, where every scroll triggers carbonation physics.
This site requires JavaScript to experience the interactive 3D content.
![Soda Experience preview](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600"><defs><linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#427542"/><stop offset="35%" stop-color="#1a4d1a"/><stop offset="100%" stop-color="#002f00"/></linearGradient><radialGradient id="r1" cx="70%" cy="30%" r="40%"><stop offset="0%" stop-color="#c1ff00" stop-opacity="0.25"/><stop offset="100%" stop-color="#c1ff00" stop-opacity="0"/></radialGradient><radialGradient id="r2" cx="25%" cy="70%" r="30%"><stop offset="0%" stop-color="#427542" stop-opacity="0.2"/><stop offset="100%" stop-color="#427542" stop-opacity="0"/></radialGradient><radialGradient id="r3" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#c1ff00" stop-opacity="0.1"/><stop offset="100%" stop-color="#c1ff00" stop-opacity="0"/></radialGradient></defs><rect fill="url(%23g)" width="800" height="600" rx="0"/><rect fill="url(%23r1)" width="800" height="600"/><rect fill="url(%23r2)" width="800" height="600"/><rect fill="url(%23r3)" width="800" height="600"/><circle cx="600" cy="180" r="200" fill="#c1ff00" opacity="0.06"/><circle cx="150" cy="450" r="120" fill="#c1ff00" opacity="0.05"/><circle cx="400" cy="300" r="80" fill="#427542" opacity="0.04"/><rect x="250" y="200" width="300" height="200" rx="20" fill="#c1ff00" opacity="0.03" transform="rotate(15 400 300)"/><line x1="100" y1="500" x2="700" y2="100" stroke="#c1ff00" stroke-width="1" opacity="0.08"/></svg>)