NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Burbujas Frescas** (burbujasfrescas.com) siguiendo el estilo visual del template analizado. Utiliza **HTML** con **Tailwind CSS CDN** y **vanilla JS** en un solo archivo.
**Paleta de colores** (hex):
- Primario: #00AEEF (azul brillante)
- Secundario: #F5A623 (naranja cítrico)
- Fondo: #F9F9F9 (gris muy claro)
- Texto oscuro: #333333
- Texto claro: #FFFFFF
**Tipografía**: Inter, sans‑serif, pesos 400 y 600.
**Estructura**:
1. **Top bar** (altura 40px, fondo #00AEEF, texto blanco) con un carousel horizontal que recorre 4 mensajes de oferta. Usa CSS animation para el desplazamiento infinito.
2. **Navbar** fija, fondo blanco, sombra ligera. A la izquierda el logo "Burbujas Frescas" en Inter 600, color #00AEEF. A la derecha: íconos de re
4.376 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.376 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 Top bar con carrusel de anuncios
- 1.2 Barra de navegación con logo, iconos de usuario y carrito, y enlaces a redes sociales
- 1.3 Hero slider de imágenes de productos y llamados a la acción
- 1.4 Bloque de categorías de bebidas en cuadrícula
- 1.5 Sección de productos destacados con tarjetas y botón "Añadir al carrito"
- 1.6 Testimonios de clientes en carrusel
- 1.7 Newsletter y suscripción
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
CATEGORÍA PRODUCTOS
- 2.1 Lista de productos en cuadrícula con filtros y paginación
- 2.2 Detalle de producto con galería, descripción, variantes y botón de compra
- 2.3 Carrito modal con resumen, ajuste de cantidades y checkout
CATEGORÍA QUIENES SOMOS
- 3.1 Historia de la marca con imágenes y texto
- 3.2 Equipo y valores
- 3.3 Enlaces a redes y contacto
CATEGORÍA CONTACTO
- 4.1 Formulario de contacto con campos nombre, email, mensaje
- 4.2 Mapa embebido y datos de localización
CATEGORÍA BLOG
- 5.1 Lista de artículos con tarjetas y filtros por categoría
- 5.2 Página de artículo individual con contenido y comentarios
PROMPTS RELACIONADOS · RESTAURANT AND FOOD
