NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML5, TailwindCSS CDN y JavaScript vanilla (un solo archivo). Marca ficticia: Bistro Andina (dominio bistroandina.com). Tema corporativo de logística, paleta de colores: #0D1B2A (azul marino oscuro), #1B263B (gris azulado), #415A77 (gris medio), #778DA9 (gris claro), #E0E1DD (gris muy claro). Tipografía: Inter var (Google Fonts) para títulos y cuerpo.
Estructura:
- <header class="fixed top-0 w-full bg-white shadow-md z-50"> con logo a la izquierda, menú de enlaces (Home, About Us, Services, Blog) y un dropdown "About Us" que despliega enlaces (About Us, Pricing, Our Mission, Why Choose Us, Leadership). Otro dropdown "All Pages" con un megamenú de tres columnas con enlaces a todas las páginas. Botón de mensaje a la derecha.
- <section id="hero" class="re
5.147 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.147 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 Barra de navegación fija con logo, enlaces y mega‑menú
- 1.2 Hero principal con título, párrafo y botón primary
- 1.3 Área de confianza con texto y fila de logotipos de partners
- 1.4 Imagen de fondo hero bajo el contenido principal
- 1.5 Bloque "Sobre nosotros" con título, botón, estadísticas y enlace a video
- 1.6 Sección "Por qué elegirnos" con subtítulo, título, tres tarjetas de característica y quote con fondo
- 1.7 Sección "Nuestras soluciones" con subtítulo, título y grid de tarjetas de servicios
- 1.8 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT US
- 2.1 Hero interno con título y breadcrumb
- 2.2 Texto descriptivo y botones de descarga
- 2.3 Equipo y valores (lista de iconos)
SERVICES
- 3.1 Cabecera de servicios con título y filtro
- 3.2 Grid de tarjetas de servicio con imagen, título y descripción
BLOG
- 4.1 Lista de artículos con imagen destacada, título y extracto
- 4.2 Sidebar con categorías y últimos posts
CONTACT US
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado y datos de oficina
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
