SAAS / STARTUP · Claude Design · HTML

TalentoPulse — Prompt de diseño web para Claude AI

★★★★★4,6 3.180 descargas

Plataforma digital de gestión de recursos humanos y reclutamiento Simplificamos la contratación y el desarrollo del talento interno.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

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 (primario azul "Explorar páginas" y secundario azul más claro "Comprar plantilla") y fondo sólido azul oscuro. 
- **Animación de captura**: galería de 10 imágenes en dos filas, desplazamiento horizontal automático y controles de deslizamiento; cada imagen con margen y sombra ligera. 
- **Bloque de características**: grid 4‑col (responsive 2‑col móvil) de tarjetas con ícono SVG, título y breve descripción, fondo blanco y borde suave. 
- **Testimonios**: slider automático de tarjetas con foto circular, nombre, cargo y texto testimonial; fondo gris claro. 
- **CTA final**: barra centrada con texto y botón primario azul. 
- **Footer**: fondo gris profundo, columnas de enlaces (Product, Company, Resources), iconos de redes sociales y datos de contacto (email, dirección). 

Requisitos técnicos: 
- Incluir `<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap" rel="stylesheet">` y Tailwind CDN `<script src="https://cdn.tailwindcss.com"></script>` con configuración de colores personalizados. 
- Implementar interactividad del menú móvil y sliders con JavaScript puro (añadir listeners de clic y temporizador). 
- Mantener código semántico (header, nav, main, section, footer). 
- Añadir atributos `aria-` para accesibilidad. 
- Optimizar imágenes usando `loading="lazy"`. 

Entrega todo el código listo para copiar‑pegar en un archivo `index.html` que reproduzca el diseño descrito sin copiar texto literal del original.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.630 caracteres · 37 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

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

Otros prompts de la misma categoría

Ficha de marca

Nombre: TalentoPulse
Sector: Plataforma digital de gestión de recursos humanos y reclutamiento
Claim: Simplificamos la contratación y el desarrollo del talento interno

Bloques de la home

1.1 Cabecera con logo, menú principal y botón destacado
1.2 Hero principal: título, texto introductivo y dos botones CTA
1.3 Sección de animación de captura de pantalla con carrusel de imágenes
1.4 Bloque de características (cuatro tarjetas con icono y texto)
1.5 Testimonios de clientes en formato slider
1.6 Llamada a la acción final con botón
1.7 Pie de página con enlaces de navegación, redes sociales y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada