Classical SoundsMusic experience
- Scroll animation
- Interactive audio
What makes it special
- Scroll animation
- 3D scenes
- Interactive audio
- Carousel
- Demo form
- Modal details
What's included
- Prompt to recreate and customize the design with AI.
- Site code and files: images, fonts and licences.
- Interactive demo and instructions.
- Use on your own sites and final client projects.
Demo sections and screens (7)
- Entry cover with a piece-by-piece animated logo and spinning record
- Plaque and 3-chapter panel (Turntable, Artists, The Road)
- Interactive 3D turntable with tonearm, controls and generated A/B label
- Collection of 22 vinyl records in a 3D carousel
- Catalog artists (3) on 3D paper sheets, with a modal profile
- “The Road” timeline of 7 dated chapters, pinned on scroll
- Closing with a golden 3D crown, newsletter in demo mode and contact
What you can customize
- Name, tagline and label copy
- SVG logo (animatable pieces)
- Catalog: titles, dates, formats and covers
- Artists: names, bios and photos
- Timeline chapters
- Palette and typefaces
- 3D models or their static fallback
How to start
- Copy the prompt and download the files.
- Take them to your AI tool and ask for the changes: brand, copy and images.
- Review the result and publish it on your domain.
Download the package and copy the prompt: your AI tool works on the project in sitio/ (README with installation and where to customize). Change the copy, artists, catalog, logo and colors. Music is not included; the newsletter is in demo mode.
The result depends on your AI tool and the changes you make. The demo shows the visual direction.
Technical details & requirements
Requirements
- Node.js 20.19+ or 22.12+ to run the project (Vite).
- A browser with WebGL (there is a static fallback).
- Bring your brand, artists, catalog and, if you use it, audio you have the rights to.
- Not included: AI tool (and its credits), domain and hosting.
Technologies
- React
- Vite
- TypeScript
- Three.js
- React Three Fiber
- GSAP
- Lenis
- Paper Shaders
- WebGL
- Canvas
- Web Audio
- 3D
Implemented in the package you download.
React 19 · TypeScript · Vite · Three.js / React Three Fiber · GSAP + ScrollTrigger · Lenis
Suggested AI tools
ClaudeCodexv0
Compatible with the design instructions; not a recorded test.
Tested compatibility: No recorded test yet.
Palette and typography
#F3EBDD#EBE1CF#6E1018#171614#3B3833#78875A#4F5A39#C69232#CFAE6E#45483D
- Titulares en itálica: Playfair Display
- Texto: EB Garamond
- Rótulos condensados: Oswald
Licence & versions
Use it on your own sites and in final client projects, including commercial use. Do not resell or redistribute the prompt, the files or the site as a template. Read the licence
Provenance: Package v1.2.0: code and assets from the approved original site (sello-regional-pilot.vercel.app, deployment dpl_J3YfFEiWpRW5CWEbQeRD96Uu9Y6A): GLB 3D models, covers and photographic portraits, logo, paper scene (MIT) and OFL typefaces. Notices and licenses in LICENCIAS-Y-AVISOS.md and licencias/.
- Version
- v1.2.0 · Published Oct 29, 2026
- Versions
- v1.2.0 · 2026-11-03 — Approved original version (the one on Vercel and in the listing’s video): code, GLB, photographs, logo and fonts; build identical to the original (238/238). 58.9 MB ZIP served from two Storage parts.
- v1.1.1 · 2026-11-03 — README corrected (instructions and package root); code, assets and prompt same as 1.1.0.
- v1.1.0 · 2026-10-30 — Code and assets package: runnable project, images, typefaces and licenses (247 files). Prompt aligned with the package.
- v1.0.0 · 2026-10-30 — Release: video preview, short prompt and downloadable package.