NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lab Perla** ( SaaS de gestión de proyectos ) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Emula el diseño visual del template analizado: fondo oscuro en hero, tipografía sans‑serif moderna (utiliza `Inter` de Google Fonts), paleta de colores primaria #1E3A8A (azul marino), secundaria #2563EB (azul vibrante), acento #F59E0B (ámbar), fondos neutros #111827 y #F9FAFB, texto blanco #FFFFFF y gris #9CA3AF.
**Estructura**:
- **Header** fijo, logo dual (versión oscura y clara), menú principal con enlaces Overview, Pages (dropdown con Home, About, Features, Services, Pricing), Blog, Contact y botón destacado "Solicitar demo". Menú responsive con icono hamburguesa que despliega overlay.
- **Hero** se
3.963 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.963 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 Header con logo dual, menú principal, enlaces a Blog y Contacto, botón "Solicitar demo"
- 1.2 Hero con fondo oscuro, título grande, párrafo resaltado, botón CTA
- 1.3 Bloque de características: 3 columnas, icono SVG, título y breve descripción
- 1.4 Bloque de servicios: filas con icono a la izquierda y texto a la derecha
- 1.5 Testimonios: carrusel de citas con foto y nombre
- 1.6 CTA final: fondo contrastante, texto motivador y botón "Empezar ahora"
- 1.7 Footer: columnas de enlaces, datos de contacto, suscripción corta y redes sociales
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero interno con título y párrafo
- 2.3 Historia de la empresa en dos columnas (imagen + texto)
- 2.4 Valores en tarjetas con iconos
- 2.5 Equipo en grid de fotos y biografías breves
- 2.6 CTA a contacto
- 2.7 Footer (reutilizado)
FEATURES
- 3.1 Header
- 3.2 Hero de características principales
- 3.3 Grid de funciones avanzadas (icono + título + descripción)
- 3.4 Video demo embed
- 3.5 Preguntas frecuentes en acordeón
- 3.6 CTA
- 3.7 Footer
SERVICES
- 4.1 Header
- 4.2 Hero de servicios
- 4.3 Lista de servicios en tarjetas con iconos y botones
- 4.4 Caso de estudio destacado
- 4.5 Testimonios secundarios
- 4.6 CTA
- 4.7 Footer
PRICING
- 5.1 Header
- 5.2 Hero con mensaje de precios transparentes
- 5.3 Tabla comparativa de planes (tres columnas)
- 5.4 Preguntas frecuentes
- 5.5 CTA de prueba gratuita
- 5.6 Footer
BLOG
- 6.1 Header
- 6.2 Listado de artículos en tarjetas con imagen, título y extracto
- 6.3 Sidebar con categorías y newsletter
- 6.4 Footer
CONTACT
- 7.1 Header
- 7.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 7.3 Información de contacto y mapa embed
- 7.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image