NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Mesa Zenit (restaurante y comida casual) con el siguiente alcance y stack: HTML estático, Tailwind CSS vía CDN, JavaScript vanilla en un único archivo. Utiliza la paleta de colores: #2C3E50 (azul noche), #E74C3C (rojo vibrante), #F5F5F5 (gris claro), #FFFFFF (blanco), #34495E (gris oscuro). Tipografía principal: 'Poppins', sans‑serif; secundaria: 'Roboto', sans‑serif.
Estructura:
- HEADER: barra de navegación fija, logo a la izquierda, enlaces: Inicio, Sobre Nosotros, Menú, Blog, Contacto; dropdown "Páginas" con enlaces internos; botón destacado "Get Started" visible solo en móvil; ícono de carrito con contador.
- HERO: sección de doble columna, fondo imagen de comida reconfortante, título grande "Mesa Zenit", subtítulo descriptivo, botó
4.160 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.160 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, menú de navegación, botón carrito y llamado a la acción
- 2.1 Hero con imagen de fondo, título principal y botón principal
- 3.1 Grid de platos destacados (imagen, nombre, descripción)
- 4.1 Carrusel de testimonios de clientes
- 5.1 Galería de eventos y promociones
- 6.1 Footer con contacto, enlaces y redes sociales
ABOUT
- 1.1 Cabecera compartida
- 2.1 Sección de historia del restaurante con imagen y texto
- 3.1 Equipo con fotos y breves biografías
- 4.1 Valores y filosofía en bloques de iconos
MENU
- 1.1 Cabecera compartida
- 2.1 Lista de categorías (Entrantes, Principales, Postres, Bebidas)
- 3.1 Tarjetas de platos con imagen, nombre, descripción y botón "Añadir al carrito"
- 4.1 Filtro por alérgenos y precios
BLOG
- 1.1 Cabecera compartida
- 2.1 Grid de artículos con miniaturas, título y extracto
- 3.1 Paginación al final
CONTACT
- 1.1 Cabecera compartida
- 2.1 Formulario de contacto (nombre, email, mensaje, botón)
- 3.1 Mapa embed y datos de ubicación
- 4.1 Información de horarios y teléfono
CART
- 1.1 Cabecera compartida
- 2.1 Lista de productos en el carrito con imagen, nombre, opciones y cantidad
- 3.1 Resumen de precios y botón de checkout
- 4.1 Enlaces a seguir comprando o vaciar carrito
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
