NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (con secciones adicionales que se enlazan mediante anclas) para la marca ficticia Mudexia, empresa de mudanzas. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla (único archivo). Reproduce fielmente el patrón visual del sitio analizado:
- Paleta de colores: #1A202C (gris oscuro), #F7FAFC (gris muy claro), #3B82F6 (azul primario), #10B981 (verde acento), #E5E7EB (borde claro).
- Tipografía: "Inter" para títulos y textos, peso 400-700, importada desde Google Fonts.
- Header fijo: logo tipo (texto Mudexia en Inter bold) y menú hamburguesa que despliega overlay con enlaces Home, Servicios, Precios, About, FAQ, Contacto. Botón destacado "Contacta" con fondo azul.
- Hero: fondo blanco, cuatro emoji‑style icons (caja, camión, ubicación, equipaj
3.792 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.792 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ú hamburguesa y botón principal
- 2.1 Hero con emojis animados, título, descripción y dos llamadas a acción
- 3.1 Bloque informativo "Quiénes somos" con texto y botones
- 4.1 Carrusel de logos de clientes de confianza
- 5.1 Galería de servicios destacados en tarjetas con imagen y descripción
- 6.1 Pie de página con enlaces y datos de contacto
SERVICIOS
- 1.1 Encabezado interno con breadcrumbs
- 2.1 Lista de servicios en tarjetas con icono y breve descripción
- 3.1 CTA para solicitar presupuesto
- 4.1 Footer común
PRECIOS
- 1.1 Encabezado interno
- 2.1 Tabla comparativa de planes con características y botón de contacto
- 3.1 FAQ corta
- 4.1 Footer común
ABOUT
- 1.1 Encabezado interno
- 2.1 Historia de la empresa con imágenes y texto
- 3.1 Equipo en tarjetas con foto y rol
- 4.1 Valores en bloques iconográficos
- 5.1 Footer común
FAQ
- 1.1 Encabezado interno
- 2.1 Lista de preguntas y respuestas en acordeón
- 3.1 CTA de contacto
- 4.1 Footer común
CONTACTO
- 1.1 Encabezado interno
- 2.1 Formulario de contacto simple con campos nombre, email, mensaje
- 3.1 Mapa integrado
- 4.1 Footer común
PROMPTS RELACIONADOS · AUTOMOCIÓN
