NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **MovaSphere** (servicios de mudanzas y logística) usando **HTML estático + Tailwind CSS CDN + JavaScript vanilla** en un único archivo. El diseño debe replicar el patrón visual del sitio analizado, sin copiar texto ni imágenes reales.
**Paleta de colores** (extraída del original):
- Primario: #0A3D62 (azul profundo)
- Secundario: #1E824C (verde bosque)
- Fondo claro: #F8F9FA (gris muy claro)
- Texto principal: #212529 (gris casi negro)
- Accento: #E74C3C (rojo coral para botones)
**Tipografía**: Usar `Inter` para títulos y `Roboto` para cuerpo, ambas cargadas vía Google Fonts.
**Estructura**:
- **Header** fijo con logo (texto "MovaSphere" en Inter bold) y menú de navegación horizontal: Inicio, Sobre nosotros, Servicios, Casos, Blog, Con
4.143 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.143 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 Hero con título destacado y video de fondo
- 1.2 Bloque "Sobre nosotros" con encabezado, botón y galería de imágenes
- 1.3 Sección de proceso con cinco pasos numerados y descripción
- 1.4 Catálogo de servicios con tarjetas, imagen y texto descriptivo
- 1.5 Footer con enlaces de navegación y datos de contacto
ABOUT
- 1.1 Encabezado de historia
- 1.2 Texto institucional y foto de equipo
- 1.3 Valores y misión
- 1.4 Llamada a la acción
SERVICES
- 1.1 Lista de servicios con tarjetas ampliables
- 1.2 Detalle de cada servicio (imagen, descripción, beneficios)
- 1.3 Botón de solicitud de presupuesto
CASE-STUDIES
- 1.1 Grid de casos de estudio con miniaturas
- 1.2 Cada caso muestra proyecto, reto y resultados
- 1.3 Enlace a estudio completo
BLOG
- 1.1 Lista de artículos con imagen, título y extracto
- 1.2 Paginación
- 1.3 Barra lateral con categorías y suscripción
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje)
- 1.2 Mapa incrustado
- 1.3 Información de teléfono y dirección
PROMPTS RELACIONADOS · AUTOMOCIÓN
