NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño y la estructura de la web analizada, pero con la marca ficticia **NexoColectivo**. Utiliza **Tailwind CSS CDN** y **JavaScript vanilla** (sin frameworks) para interactividad.
**Alcance**
- Header: barra de navegación fija, logo SVG genérico, enlaces: Home, Home B, Home C, dropdown "Pages" con tres items destacados y dos grupos de enlaces (Pages y More Pages), dropdown "Services" con varios items, botón de menú móvil para dispositivos <md.
- Footer: fondo gris oscuro, texto claro, enlaces de copyright y créditos, columnas con enlaces de navegación similares al dropdown.
- Home:
1. Hero a pantalla completa, fondo degradado azul‑gris (#f5f7fa → #e2e8f0), título grande (font‑family **Inter**, peso 800, color #1
3.849 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.849 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 Header con logo, menú principal y dropdowns
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Sección de características en tres columnas con íconos
- 1.4 Testimonios rotativos en carousel
- 1.5 Llamada a la acción para reservar una consulta
- 1.6 Footer con enlaces de navegación, copyright y créditos
ABOUT
- 2.1 Header (reutilizable)
- 2.2 Hero interno con encabezado y párrafo descriptivo
- 2.3 Nuestro equipo en grid de tarjetas
- 2.4 Valores corporativos en bloques con iconos
- 2.5 Footer
SERVICE
- 3.1 Header
- 3.2 Hero con listado de servicios en tarjetas
- 3.3 Detalle de proceso en pasos numerados
- 3.4 CTA de contacto
- 3.5 Footer
CAREERS
- 4.1 Header
- 4.2 Hero con mensaje de cultura laboral
- 4.3 Lista de vacantes en tabla responsive
- 4.4 Formulario de aplicación rápida
- 4.5 Footer
BLOG
- 5.1 Header
- 5.2 Hero con filtro de categorías
- 5.3 Grid de artículos con imagen, título y extracto
- 5.4 Paginación
- 5.5 Footer
CONTACT A
- 6.1 Header
- 6.2 Hero con formulario de contacto simple
- 6.3 Información de oficina y mapa embebido
- 6.4 Footer
PROMPTS RELACIONADOS · CORPORATIVO
