NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Panel Coral, una plataforma SaaS de IA para generación de voz. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y patrones UI del sitio analizado: encabezado fijo con logo SVG, menú principal horizontal, dropdown multicolumna con iconos y miniaturas, botón de llamada a la acción resaltado. Hero ocupa pantalla completa con fondo lineal azul‑gris (#1e2a38 a #2c3e50) y forma decorativa en PNG semi‑transparente. Tipografía principal: 'Inter', peso 400‑600, tamaños 64px en hero, 24px en secciones, 16px en cuerpo. Paleta de colores: #1e2a38, #2c3e50, #4a90e2, #ffffff, #f5f7fa. Secciones en orden: 1) Hero con título, subtítulo y botón «Conoce Panel Coral». 2) Cuatro tarjetas de
3.533 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.533 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 Encabezado fijo con logo, menú principal, dropdown multicolumna y botón destacado
- 1.2 Hero con fondo lineal y forma decorativa, título y llamado a la acción
- 1.3 Sección de características en tarjetas con iconos animados
- 1.4 Galería de integración mostrando imágenes y botones externos
- 1.5 Área de precios breve con enlace a planes
- 1.6 Testimonios rotativos con imagen y cita
- 1.7 Blog preview con tarjetas de artículo
- 1.8 Pie de página con enlaces útiles, redes y formulario de suscripción
ABOUT US
- 2.1 Encabezado interno idéntico al de Home
- 2.2 Hero interior con imagen y texto descriptivo de la empresa
- 2.3 Misión y visión en bloques de texto con iconos
- 2.4 Equipo en tarjetas con foto y bio corta
- 2.5 Call to action a contacto
PRICING
- 3.1 Encabezado interno
- 3.2 Tabla comparativa de planes con destaque del plan recomendado
- 3.3 Lista de beneficios por plan
- 3.4 Botón de suscripción por plan
BLOG
- 4.1 Encabezado interno
- 4.2 Lista de artículos en tarjetas con imagen, título y extracto
- 4.3 Paginación
CONTACT
- 5.1 Encabezado interno
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa estático y datos de localización
- 5.4 Botones de redes sociales
PROMPTS RELACIONADOS · SAAS / STARTUP
