NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Nexiva Solutions" (dominio nexiva.com) siguiendo el diseño visual y estructural descrito. Usa solo HTML estático, Tailwind CSS mediante CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A0F33 (navy), #1E3A8A (blue‑700), #2563EB (blue‑600), #60A5FA (blue‑400), #F3F4F6 (gray‑100), #111827 (gray‑900). Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑700.
Estructura:
- **Header**: barra fija con logo SVG simple (texto "Nexiva" en Inter Bold, color #2563EB), menú de navegación (Inicio, Servicios, Sobre Nosotros, Blog, Contacto) alineado a la derecha, icono de carrito con badge de cantidad.
- **Hero** (section.home-hero): contenedor centrado, fondo gris‑100, título grande (h1) "Automatiza tu futuro" en azul‑700
3.789 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.789 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 encabezado, subtítulo y botón principal
- 1.2 Barra de navegación fija con logo y carrito
- 1.3 Bloque de ventajas (cuatro columnas con icono, título y descripción)
- 1.4 Sección de casos de uso (grid de cards con ilustraciones y texto)
- 1.5 Testimonios rotativos
- 1.6 Llamada a la acción final con formulario breve
- 1.7 Footer con enlaces, contacto y redes sociales
SERVICIOS
- 2.1 Lista de servicios con iconos y descripción breve
- 2.2 Detalle de cada servicio en tarjetas expandibles
- 2.3 Preguntas frecuentes
- 2.4 CTA para solicitar demo
SOBRE NOSOTROS
- 3.1 Historia de la empresa con línea temporal
- 3.2 Equipo con fotos circulares y breves bio
- 3.3 Valores y cultura
- 3.4 Vinculación a prensa y medios
BLOG
- 4.1 Grid de artículos recientes con imagen, título y extracto
- 4.2 Categorías filtrables
- 4.3 Sidebar con suscripción al newsletter
- 4.4 Paginación simple
CONTACTO
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa interactivo incrustado
- 5.3 Información de oficina y teléfono
- 5.4 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
