NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Bistro Lira** (bistrolira.com) siguiendo el diseño descrito. Utiliza **HTML puro con Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo.
- **Paleta de colores**: #0A3D62 (azul oscuro), #1B9CFC (azul brillante), #F5F6FA (gris muy claro), #F7B731 (amarillo cálido), #FFFFFF (blanco).
- **Tipografía**: Inter (sans‑serif) para todo el texto, títulos en peso 700, cuerpo en 400.
- **Header**: barra fija, logo a la izquierda, mega‑menú con columnas (Company, Pages, Utilities) y elemento destacado de caso de estudio, botón "Get Started" visible solo en móvil, ícono de carrito con contador dinámico.
- **Hero**: fondo con ilustración abstracta de energía, título grande, subtítulo, botón principal "Descubre nuestras solu
4.211 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.211 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 fija con logo, mega‑menú y botón de carrito
- 1.2 Hero con título, subtítulo, botón principal y visual ilustrativo
- 1.3 Bloque de valores destacados (iconos + texto breve)
- 1.4 Sección de servicios con tarjetas descriptivas
- 1.5 Caso de estudio destacado tipo tarjeta con imagen
- 1.6 Tabla comparativa de planes o precios
- 1.7 Últimos artículos del blog en grid
- 1.8 Llamada a la acción secundaria con formulario breve
- 1.9 Pie de página con enlaces de navegación, contacto y redes
ABOUT
- 1.1 Banner interno con título y breadcrumb
- 1.2 Texto institucional con imágenes intercaladas
- 1.3 Equipo con tarjetas de perfil
- 1.4 Valores corporativos en iconos
- 1.5 Testimonios en carrusel
- 1.6 CTA para contactar
SERVICES
- 1.1 Lista de servicios en tarjetas con íconos
- 1.2 Detalle de cada servicio en sección expandible
- 1.3 Caso de éxito relacionado
- 1.4 CTA de solicitud de presupuesto
PROJECT
- 1.1 Galería de proyectos en grid con filtros
- 1.2 Descripción ampliada del proyecto seleccionado
- 1.3 Resultados en cifras y métricas
- 1.4 CTA para ver más proyectos
BLOG
- 1.1 Lista de artículos en tarjeta con imagen, título y extracto
- 1.2 Sidebar con categorías y posts recientes
- 1.3 Paginación inferior
CONTACT
- 1.1 Formulario de contacto con campos básicos
- 1.2 Mapa incrustado y datos de ubicación
- 1.3 Información de teléfono y email
- 1.4 Enlaces a redes sociales
Imagen generada con OpenAI · gpt-image-2 · 04/06/2026
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
