Classical SoundsExperiencia musical
- Scroll animado
- Audio interactivo
Qué hace especial
- Scroll animado
- Escenas 3D
- Audio interactivo
- Carrusel
- Formulario demo
- Fichas modales
Qué incluye
- Prompt para recrear y personalizar el diseño con IA.
- Código y archivos del sitio: imágenes, fuentes y licencias.
- Demo interactiva e instrucciones.
- Uso en sitios propios y proyectos finales de clientes.
Secciones y pantallas de la demo (7)
- Portada de entrada con logotipo animado por piezas y disco girando
- Placa y panel de 3 capítulos (Tocadiscos, Artistas, El camino)
- Tocadiscos 3D interactivo con aguja, mandos y etiqueta A/B generada
- Colección de 22 vinilos en carrusel 3D
- Artistas del catálogo (3) en hojas de papel 3D, con ficha modal
- Cronología «El camino» de 7 capítulos fechados, fijada al scroll
- Cierre con corona 3D dorada, boletín en modo demo y contacto
Qué puedes personalizar
- Nombre, lema y textos del sello
- Logotipo SVG (piezas animables)
- Catálogo: títulos, fechas, formatos y portadas
- Artistas: nombres, biografías y fotos
- Capítulos de la cronología
- Paleta y tipografías
- Modelos 3D o su alternativa estática
Cómo empezar
- Copia el prompt y descarga los archivos.
- Llévalos a tu herramienta de IA y pide los cambios: marca, textos e imágenes.
- Revisa el resultado y publícalo en tu dominio.
Descarga el paquete y copia el prompt: tu herramienta de IA trabaja sobre el proyecto de sitio/ (README con instalación y dónde personalizar). Cambia textos, artistas, catálogo, logotipo y colores. No incluye música; el boletín está en modo demo.
El resultado depende de tu herramienta de IA y de los cambios que hagas. La demo muestra la dirección visual.
Detalles técnicos y requisitos
Requisitos
- Node.js 20.19+ o 22.12+ para ejecutar el proyecto (Vite).
- Navegador con WebGL (existe alternativa estática).
- Aporta tu marca, artistas, catálogo y, si lo usas, audio con derechos.
- No incluido: herramienta de IA (y sus créditos), dominio y hosting.
Tecnologías
- React
- Vite
- TypeScript
- Three.js
- React Three Fiber
- GSAP
- Lenis
- Paper Shaders
- WebGL
- Canvas
- Web Audio
- 3D
Implementadas en el paquete que descargas.
React 19 · TypeScript · Vite · Three.js / React Three Fiber · GSAP + ScrollTrigger · Lenis
Herramientas de IA sugeridas
ClaudeCodexv0
Compatibles con las instrucciones del diseño; no es una prueba registrada.
Compatibilidad probada: Sin prueba registrada todavía.
Paleta y tipografía
#F3EBDD#EBE1CF#6E1018#171614#3B3833#78875A#4F5A39#C69232#CFAE6E#45483D
- Titulares en itálica: Playfair Display
- Texto: EB Garamond
- Rótulos condensados: Oswald
Licencia y versiones
Úsalo en sitios propios y en proyectos finales de clientes, incluido uso comercial. No revendas ni redistribuyas el prompt, los archivos ni el sitio como plantilla. Leer la licencia
Procedencia: Paquete v1.2.0: código y assets del sitio original aprobado (sello-regional-pilot.vercel.app, despliegue dpl_J3YfFEiWpRW5CWEbQeRD96Uu9Y6A): modelos 3D GLB, portadas y retratos fotográficos, logotipo, escena de papel (MIT) y tipografías OFL. Avisos y licencias en LICENCIAS-Y-AVISOS.md y licencias/.
- Versión
- v1.2.0 · Publicado 29 oct 2026
- Versiones
- v1.2.0 · 2026-11-03 — Versión original aprobada (la de Vercel y el vídeo de la ficha): código, GLB, fotografías, logotipo y fuentes; build idéntico al original (238/238). ZIP de 58,9 MB servido desde dos partes de Storage.
- v1.1.1 · 2026-11-03 — README corregido (instrucciones y raíz del paquete); código, assets y prompt iguales a 1.1.0.
- v1.1.0 · 2026-10-30 — Paquete de código y assets: proyecto ejecutable, imágenes, tipografías y licencias (247 archivos). Prompt alineado con el paquete.
- v1.0.0 · 2026-10-30 — Publicación: preview en video, prompt breve y paquete descargable.