NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Panel Perla" (SaaS de gestión de proyectos) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del template analizado:
- Paleta de colores: fondo oscuro #0a0a0a, primario #1e40af (azul índigo), acento #fbbf24 (amarillo mostaza), texto claro #f3f4f6, bordes #374151.
- Tipografía: "Inter", sans-serif para todo el texto; encabezados con peso 700, cuerpo con peso 400.
- Header: barra superior estrecha con mensaje y enlaces a recursos externos, seguida de barra principal con logo (SVG placeholder) a la izquierda y botón "Menu" a la derecha que abre un menú fullscreen. Menú contiene tres columnas desplegables (Servicios, Soluciones, Características) con tarjetas que incl
4.152 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.152 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 Preloader animado con logo y tagline
- 1.2 Barra superior con mensaje y enlaces externos
- 1.3 Header principal con logo y navegación
- 1.4 Menú fullscreen con tarjetas de servicios, soluciones y características
- 1.5 Hero con título y CTA principal
- 1.6 Grid de servicios (tarjetas con imagen, título, descripción)
- 1.7 Grid de soluciones (tarjetas con imagen, título)
- 1.8 Grid de características (iconos y nombres)
- 1.9 Footer con enlaces, redes sociales y contacto
SERVICES
- 1.1 Lista de servicios: Estrategia, Consultoría, Desarrollo, Mantenimiento, Soporte, Marketing (tarjeta con imagen, título, descripción)
SOLUTIONS
- 1.1 Lista de soluciones: Para Negocios, Para Ecommerce, Para Creativos, Para ONGs (tarjeta con imagen y título)
FEATURES
- 1.1 Lista de características: Diseño, Desarrollo, Analítica, Seguridad, Integraciones (icono + nombre)
FOOTER
- 1.1 Enlaces de navegación principal, enlaces legales, iconos de redes sociales, formulario de suscripción (campo email y botón) y datos de contacto
PROMPTS RELACIONADOS · SAAS / STARTUP
