NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia TalentoPulse, una solución SaaS de gestión de recursos humanos y reclutamiento. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y estilo del diseño analizado:
- **Paleta de colores**: #0A0F24 (azul oscuro), #1E293B (gris profundo), #F3F4F6 (gris claro), #3B82F6 (azul primario), #10B981 (verde acento).
- **Tipografía**: Inter (cuerpo) y Poppins (títulos) desde Google Fonts.
- **Header**: barra fija con logo a la izquierda, menú de enlaces (Home, About, Services, Pages dropdown, Blog, Contact) y botón secundario "Explorar más" a la derecha. Menú responsive con ícono hamburguesa.
- **Hero**: sección full‑width con título grande, texto descriptivo, dos botones CTA (pr
3.850 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.850 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 con logo, menú y botón "Explorar más"
- 1.2 Hero con título, subtítulo y botones CTA
- 1.3 Animación de captura de pantalla (galería de imágenes deslizantes)
- 1.4 Bloque de funcionalidades (grid de 4 tarjetas)
- 1.5 Testimonios (slider con foto, nombre y comentario)
- 1.6 CTA final con botón de acción
- 1.7 Footer con enlaces, redes y contacto
ABOUT
- 1.1 Cabecera reutilizada
- 1.2 Banner interior con título y subtítulo
- 1.3 Texto descriptivo de la empresa y valores
- 1.4 Equipo (grid de perfiles)
- 1.5 CTA de contacto
SERVICES
- 1.1 Cabecera común
- 1.2 Lista de servicios en tarjetas con íconos
- 1.3 Detalle de cada servicio con imágenes y texto
- 1.4 CTA para solicitud de demo
CASE STUDY
- 1.1 Cabecera
- 1.2 Portada del caso con imagen y resumen
- 1.3 Problema, solución y resultados en bloques alternados
- 1.4 Testimonio del cliente
- 1.5 CTA de contacto
FAQ
- 1.1 Cabecera
- 1.2 Preguntas frecuentes en acordeón
- 1.3 CTA de descarga de brochure
CONTACT
- 1.1 Cabecera
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa embed y datos de ubicación
- 1.4 CTA de suscripción al newsletter
BLOG
- 1.1 Cabecera
- 1.2 Lista de artículos en tarjetas con imagen, título y extracto
- 1.3 Paginación
- 1.4 Sidebar con categorías y newsletter
PROMPTS RELACIONADOS · SAAS / STARTUP
