NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, usando TailwindCSS vía CDN y JavaScript vanilla sólo para la interacción del menú dropdown y el carrito modal. Marca ficticia: NexoMovil, dominio nexomovil.com, claim "Gestión integral de cambios de domicilio", email hola@nexomovil.com, año 2026. Categoría: Comercio electrónico.
Paleta de colores:
- Fondo principal: #0A0A0A (negro intensivo)
- Texto principal: #FFFFFF
- Texto secundario: #CCCCCC
- Accent azul: #1E40AF
- Accent naranja: #F59E0B
- Accento verde: #10B981
Tipografía: Inter, sans‑serif, tamaños de encabezado 4xl a lg, cuerpo 1rem.
Estructura:
- <header class="fixed top-0 w-full bg-black bg-opacity-80 backdrop-blur-sm z-50"> con logo a la izquierda, menú hor
4.254 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.254 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 Cabecera fija con logo, menú principal, dropdown de páginas, carrito y botón "Get a quote"
- 1.2 Hero izquierdo: subtítulo, título, párrafo, dos botones CTA y testimonio de clientes
- 1.3 Hero derecho: imagen de fondo responsiva
- 1.4 Sección de servicios (grid de tarjetas con iconos y descripción)
- 1.5 Testimonios destacados con icono de estrella y contador
- 1.6 Footer con enlaces de ayuda, empresa, redes y suscripción
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Título y párrafo de presentación de la empresa
- 2.3 Imagen ilustrativa
- 2.4 Valores y misión en tarjetas
- 2.5 Equipo con fotos y breves bios
- 2.6 Footer
SERVICES
- 3.1 Cabecera reutilizada
- 3.2 Lista de servicios en cuadrícula con iconos y botones "Más info"
- 3.3 CTA para solicitar presupuesto
- 3.4 Footer
CONTACT
- 4.1 Cabecera reutilizada
- 4.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 44.3 Mapa incrustado y datos de contacto
- 4.4 Footer
BLOG
- 5.1 Cabecera
- 5.2 Lista de entradas con imagen, título, extracto y botón leer más
- 5.3 Paginación
- 5.4 Footer
PROMPTS RELACIONADOS · AUTOMOCIÓN
