COMERCIO ELECTRÓNICO · Claude Design · HTML

EcoRiff — Prompt de diseño web para Claude AI

★★★★★4,9 519 descargas

Venta de merchandising y música de bandas independientes Música y merch para los que viven el sonido.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo en un único archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla. La marca se llama EcoRiff, sector merchandising y música de bandas, dominio ecoriff.com, claim "Música y merch para los que viven el sonido". Utiliza la paleta de colores: #1a1a1a (fondo oscuro), #ffffff (texto principal), #ff6600 (acentos), #222222 (tarjetas), #e0e0e0 (bordes). Tipografía: Inter (sans-serif) para cuerpo y encabezados, peso 400‑700. Estructura:
- Header: barra superior fija, logo textual "EcoRiff" a la izquierda, menú horizontal con enlaces HOME, EVENTS, MERCH & MUSIC, styled con hover underline effect.
- Hero: sección a pantalla completa con video de fondo (autoplay, muted, loop) usando <video> y fallback poster. Sobreimpresión central con h1 "THE BAND", divider line, sub

µ┴╚Ω♠↔²▀ →σ│└µ░╡ ±√▓↑│∩╣ ∞┤├π•↑ε ╣║µ■εδΦ ┴◘←δ╦╩π ╔┤┬╚▓╔
 ╝╬²•δ╗├ •φ╫αδ≡╗ ⁿ╚ⁿ╔Φ■▓ ◙↑╣∩╬╣═ ⁿ♣µ♣▀■± │♦Ω∩≡│♣ ┼ε▀τ²
╠ ╩│µ┤│╬ß ⁿ▓│↑•█√ Ωß╬²│µ╚ █═±→σ┬≡ Ω∞▒╦═█├ ─▓π▒▀■│ ²─╔≤
µ↔ ◙≥±α▀σ╚ █Σδ╠δ↔╦ │µ↔◘♣┬τ ↓τ░═│┴╣ █σΣ■→╗▓ ▓┤╫╩┼└◘ ◙•░
▀╗═ ∩←╦╚σ║√ √─∞▓≥╬┴ ↔▒ταα╠║ ♦█πατ∞╔ ♦█╝╩←─┬ ╬∩δ┤♦▒╬ ♠└
εδΣ± ♠╣Σ╦δ◙◙ α═░├φ±┴ •Ω²²╔╬• Φ±┼╫╠µ² Σ═α▒²◙├ ╠π▀░τ╬┬ ╡
ε▓π╩→ █∩↑├ßΩ◙ ♠≤√φ╗■≡ ┤τ≡└┤╗• ▓↑▒µ█▀╩ ─├δ√├α╗ σ╝≤→σ∩■ 
♦≡♠└─╣ ╚←╣τ√╦∩ ♠┬≥♣╡╣╝ ◘◙┤╫♣→♠ ◙Φ┬∩▀▀─ σ♦≤─δ•┼ ▓≤┼δ■◙╩
♠║▒╚δ♣■ τ┴╫╫┴↑║ ▓φστ≥╚Φ •║≡╩δ←║ ┤█ß→■δ◙ √Ω■▀│└♠ ♦┤░∞╦╦
 τµ∞≤╝τσ ∞↔π←Στ╠ ±╗φ╔↑▓◙ √Ω░↓░┴µ ╡→²▀╬♦Σ τ↔│└♠ß• ░╫▓≤φ
▒ ▒ΣΩα╩├╬ ╝±π■♦┴╠ •■◙♣┼←│ ├↔≥φß◙█ ▒ΩΩ²═ε◘ ≡→░√╗◙∩

3.542 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

3.542 caracteres · licencia libre Solo descarga completa disponible

CAPTURA COMPLETA · HOME

Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat. Descargar captura

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo y menú principal
1.2 Hero video, título "THE BAND", subtítulo y botón al álbum
1.3 Icono flecha para scroll
1.4 Stripe bar decorativa

EVENTS

2.1 Lista de próximos eventos con tarjetas
2.2 Enlace a compra de entradas

MERCH & MUSIC

3.1 Grid de productos con imágenes, nombre, precio y botón "Añadir al carrito"
3.2 Filtros por categoría y talla

CART (sidebar)

4.1 Lista de artículos en el carrito con imagen, nombre, opciones, cantidad y precio
4.2 Subtotal y botón de checkout
4.3 Estado vacío con mensaje y enlace a tienda