NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "AquaRutas" (transportes y logística) usando un único archivo HTML con Tailwind CSS CDN y JavaScript vanilla. El proyecto debe reproducir la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales. Utiliza la siguiente paleta de colores: #0A2740 (azul marino), #F6821F (naranja vibrante), #F0F4F8 (gris muy claro), #FFFFFF (blanco), #212121 (gris oscuro). Tipografía: encabezados con "Montserrat" (peso 700) y cuerpo con "Inter" (peso 400).
**Header**: barra superior fija con logo placeholder, menú de navegación alineado a la izquierda, ítem "Pages" abre mega‑dropdown con dos columnas de enlaces, botón a la derecha "Get A Quote" en naranja y enlace de email en texto gris. Hamburger para móvil que muestra menú vertical
4.617 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.617 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 Encabezado con logo, menú mega‑dropdown y botones de contacto
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Video de fondo a pantalla completa
- 1.4 Área de procesos (4 ítems con icono y texto)
- 1.5 Sección de servicios (tarjetas con icono, título, descripción y número)
- 1.6 Footer con información de contacto, enlaces y redes sociales
ABOUT
- 2.1 Encabezado (heredado)
- 2.2 Hero secundario con título y texto descriptivo
- 2.3 Misión, visión y valores en columnas
- 2.4 Equipo con fotos y breves biografías
- 2.5 Footer (heredado)
SERVICES
- 3.1 Encabezado (heredado)
- 3.2 Listado de servicios en cuadrícula, cada uno con icono, título, descripción y número
- 3.3 CTA para solicitar cotización
- 3.4 Footer (heredado)
CONTACT
- 4.1 Encabezado (heredado)
- 4.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 4.3 Mapa embed con ubicación
- 4.4 Información de contacto rápido
- 4.5 Footer (heredado)
FAQ
- 5.1 Encabezado (heredado)
- 5.2 Preguntas frecuentes en acordeón
- 5.3 CTA de soporte
- 5.4 Footer (heredado)
PROMPTS RELACIONADOS · AUTOMOCIÓN
