NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una marca ficticia de snacks llamada Croqueta Viva. Utiliza HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la paleta de colores basada en rojos y tonos neutros: #E53935, #D32F2F, #F5F5F5, #212121. Tipografía principal: Inter (google font) para títulos y texto, y "Roboto" como fallback. Estructura:
- Header fijo con tres bloques: izquierda con menú desplegable "Sabores", centro con logo SVG centrado, derecha con botón "Shop now" (estilo blob con filtro gooey) y icono de carrito que abre un panel lateral.
- Mega‑menú: al pasar el cursor sobre "Sabores" se muestra una cuadrícula de 6 tarjetas, cada una con fondo coloreado (usando hsla del original), imagen del snack y nombre. Cada tarjeta enlaza a su página de producto.
- Hero: sec
3.397 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.397 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 Cabecera con logo central, menú izquierdo y botones derecha
- 1.2 Mega‑menú de sabores en columna izquierda
- 1.3 Botón principal "Shop now"
- 1.4 Sección hero (imagen + título)
- 1.5 Footer con información institucional
PRODUCTOS
- 2.1 Grid de tarjetas de producto, cada una con fondo coloreado, imagen y nombre
- 2.2 Botón "Añadir al carrito" bajo cada tarjeta
CART
- 3.1 Panel lateral derecho modo carrito, lista de artículos, subtotales y botones de checkout
CONTACTO
- 4.1 Formulario simple de contacto, datos de empresa y enlaces a redes
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
