Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Soft Perla — Prompt de diseño web para Claude AI

Consultoría de transformación organizacional Estructuramos la complejidad de los equipos consolidados.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Soft Perla — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático de una consultora ficticia llamada Soft Perla con el siguiente stack: HTML, Tailwind CSS via CDN y JavaScript vanilla en un único archivo. Usa la paleta de colores principal #1A202C (gris muy oscuro), #2D3748 (gris medio), #4A5568 (gris claro), #F7FAFC (blanco casi puro) y acento #38B2AC (cian suave). Tipografía principal "Inter" para encabezados y "Roboto" para cuerpo, ambas importadas desde Google Fonts. **HEADER**: barra fija con fondo semi‑transparente (#1A202C80). Logo a la izquierda (texto "Soft Perla" con fuente Inter bold, color #F7FAFC). Menú principal: "Inicio", "Sobre nosotros", "Servicios", "Carreras", "Blog". Cada ítem abre un dropdown de gran anchura. El dropdown de "Inicio" muestra tres enlaces a variantes de la home y un video de fondo (autoplay,
4.168 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.168 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
Soft Perla — 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, enlaces principales y mega‑dropdown con vídeo de fondo
  • 1.2 Hero de página principal con vídeo autoplay, título y botón de acción
  • 1.3 Sección de presentación de servicios en columnas con iconos y texto
  • 1.4 Testimonios en carrusel horizontal
  • 1.5 Llamada a la acción con formulario breve
  • 1.6 Footer con enlaces institucionales, redes sociales y derechos de autor

ABOUT

  • 2.1 Sub‑header con título y breve descripción
  • 2.2 Misión, visión y valores en tarjetas
  • 2.3 Equipo destacado con foto y bio
  • 2.4 Footer global

SERVICES

  • 3.1 Lista de servicios con iconos y breve descripción
  • 3.2 Caso de estudio destacado con imagen y texto
  • 3.3 Formulario de contacto rápido
  • 3.4 Footer global

CAREERS

  • 4.1 Oferta de empleo en tarjetas
  • 4.2 Información de cultura y beneficios
  • 4.3 Formulario de aplicación
  • 4.4 Footer global

BLOG

  • 5.1 Grid de artículos con imagen, título y extracto
  • 5.2 Paginación simple
  • 5.3 Sidebar con categorías y newsletter
  • 5.4 Footer global
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría