NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Movenda** (servicio de mudanzas y logística) usando **HTML + Tailwind CDN + JavaScript vanilla** en un único archivo. El objetivo es reproducir el diseño visual y la estructura analizada, sin copiar ningún texto original.
---
**Paleta de colores**
- #0D3B66 (azul oscuro) – color principal
- #F4D35E (amarillo suave) – acento
- #EE964B (naranja cálido) – botones CTA
- #F0F0F0 (gris claro) – fondos
- #FFFFFF (blanco) – texto y elementos
**Tipografía**
- Fuente primaria: `Inter`, sans‑serif, peso 400/600/700, importada desde Google Fonts.
- Fuente secundaria para encabezados: `Roboto Slab`, serif, peso 500/700.
**Header**
- Barra de navegación fija, fondo blanco con sombra ligera.
- Logo a la izquierda (texto «Movenda» en Inter bold, color
5.336 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.336 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 principales y carrito
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Cuatro tarjetas resaltando ventajas (confianza, rapidez, cobertura, precios)
- 1.4 Galería de servicios con imágenes y descripciones
- 1.5 Sección de testimonios en carrusel
- 1.6 Tabla comparativa de planes de mudanza
- 1.7 Blog destacando artículos recientes
- 1.8 Formulario de suscripción y llamada a la acción final
- 1.9 Footer con enlaces institucionales, datos de contacto y redes sociales
ABOUT US
- 2.1 Banner interno con título y breadcrumb
- 2.2 Texto institucional con historia y valores
- 2.3 Equipo de profesionales en tarjetas
- 2.4 CTA para solicitar presupuesto
SERVICES
- 3.1 Lista de servicios en tarjetas con iconos
- 3.2 Detalle de cada servicio en secciones colapsables
- 3.3 CTA de reserva rápida
PRICING
- 4.1 Tabla comparativa de tres planes (Básico, Estándar, Premium)
- 4.2 Botones de contratación en cada columna
BLOG
- 5.1 Grid de entradas con imagen, título, extracto y fecha
- 5.2 Paginación al final
CONTACT US
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado y datos de ubicación
- 6.3 Lista de canales de atención (teléfono, email, redes)
FAQ
- 7.1 Preguntas frecuentes en acordeón
- 7.2 CTA para asistencia directa
PROMPTS RELACIONADOS · AUTOMOCIÓN