NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML usando Tailwind CSS CDN y JavaScript vanilla. Marca ficticia: Shop Vega, dominio shopvega.com, claim "Conecta la música con tu público", email hola@shopvega.com, año 2026. Categoría: Comercio electrónico.
Paleta de colores: #0d1b2a (azul noche), #1b263b (gris azul), #415a77 (azul grisáceo), #e0e1dd (gris claro), #ff5e5b (rojo coral para botones).
Tipografía: Inter var (cargar desde Google Fonts) para títulos y texto, peso 400‑700.
Estructura:
- <header class="bg-0d1b2a text-white p-4 flex justify-between items-center">
- columna izquierda: iconos de teléfono, email y ubicación (enlaces con SVG simples).
- centro: logo "Shop Vega" en mayúsculas, fuente Inter bold, tamaño 1.5rem.
- menú hamburguesa (solo móvil) y navegación princip
4.326 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.326 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 Navbar con contactos, logo, menú y carrito
- 1.2 Hero con titular grande y fondo visual
- 1.3 Sección de artistas destacados (grid de imágenes y nombres)
- 1.4 Bloque de venta de entradas con botones CTA
- 1.5 Área de noticias con tarjetas resumidas
- 1.6 Newsletter con formulario de suscripción
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
LINEUP
- 2.1 Navbar persistente
- 2.2 Título de página y filtro de géneros
- 2.3 Grid de artistas con foto, nombre y hora
- 2.4 Footer
TICKETS
- 3.1 Navbar persistente
- 3.2 Selección de día y tipo de entrada
- 3.3 Lista de tickets con precios y botón de compra
- 3.4 Información de políticas y FAQ
- 3.5 Footer
ABOUT
- 4.1 Navbar persistente
- 4.2 Texto descriptivo y galería de fotos del evento
- 4.3 Equipo organizador en cards
- 4.4 Footer
NEWS
- 5.1 Navbar persistente
- 5.2 Lista de artículos con imagen, fecha y extracto
- 5.3 Paginación
- 5.4 Footer
CONTACT
- 6.1 Navbar persistente
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa incrustado y datos de localización
- 6.4 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO