Carrito Iniciar sesión
RECURSOS HUMANOS · Claude Design · HTML

Taller Coral — Prompt de diseño web para Claude AI

Plataforma de soluciones de recursos humanos y reclutamiento Conecta empresas con talento de forma inteligente.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Taller Coral — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia Taller Coral, una plataforma SaaS de recursos humanos. El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla para la interacción. Utiliza la siguiente paleta de colores: #1E3A8A (azul profundo), #2563EB (azul primario), #F3F4F6 (gris claro), #111827 (gris oscuro), #10B981 (verde acento). Tipografía principal: 'Inter', sans-serif, tamaños H1 48px, H2 36px, H3 24px, cuerpo 16px. Estructura y diseño a replicar (patrones, no contenido literal): **Header**: barra de navegación fija, logo a la izquierda, enlaces Home, About, Services, Blogs a la derecha, botón pequeño “Get Started”. Menú colapsable en móvil con ícono de hamburguesa. **Sección 1 – Hero**: contenedor con doble columna. Izquierda: pequeñ
3.951 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.951 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Taller Coral — home completa
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 Barra de navegación fija con logo y menú colapsable
  • 1.2 Hero con titular, subtítulo, contador de oportunidades y botón CTA
  • 1.3 Carrusel de logotipos de clientes
  • 1.4 Sección de ventajas con tabs interactivos y contenido visual
  • 1.5 Listado de servicios en grid con iconos y descripciones
  • 1.6 Footer con enlaces básicos y redes sociales

ABOUT

  • 2.1 Header interno con título de página
  • 2.2 Texto descriptivo de la empresa y misión
  • 2.3 Imagen ilustrativa
  • 2.4 Equipo o valores en cards
  • 2.5 Footer

SERVICES

  • 3.1 Header interno con título de página
  • 3.2 Grid de tarjetas de servicio (imagen, icono, título, descripción, enlace)
  • 3.3 CTA a contacto
  • 3.4 Footer

BLOGS

  • 4.1 Lista de artículos con miniatura, título, extracto y botón leer más
  • 4.2 Paginación
  • 4.3 Footer
PROMPTS RELACIONADOS · RECURSOS HUMANOS

Otros prompts de la misma categoría