NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Data Neon**, una plataforma SaaS de automatización de marketing con IA. Utiliza **HTML** estático, **Tailwind CSS** vía CDN y **JavaScript vanilla** en un único archivo. Sigue fielmente la estructura y estilo del sitio original (cabecera con menú dropdown, hero con texto dinámico, cards de productos, sección de partners con contadores y logos), pero con contenido totalmente nuevo en español (España) y la paleta y tipografías descritas a continuación.
---
### Paleta de colores
- Primario: #0D47A1 (azul oscuro)
- Secundario: #1976D2 (azul medio)
- Accent: #FFB300 (ámbar)
- Fondo claro: #F5F7FA
- Texto oscuro: #212529
### Tipografía
- Fuente principal: **Inter** (Google Fonts) – peso 400/600/700
- Fuente secundaria (títulos): **Playfair Di
4.886 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.886 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 Cabecera con logo, menú desplegable (Producto, Recursos) y botón "Book a demo"
- 1.2 Hero con caption, título con palabras rotativas, descripción y botón "Get started free"
- 1.3 Cards del hero que presentan productos y herramientas AI
- 1.4 Sección Partners con texto "Trusted by", número de marcas, rating y rejilla de logotipos
PRODUCT
- 2.1 Título de producto y descripción introductoria
- 2.2 Galería de características con iconos y textos
- 2.3 Demo video embed
- 2.4 CTA de prueba gratuita
RESOURCES
- 3.1 listado de artículos del blog con imagen, título y extracto
- 3.2 caso de estudio destacado con captura y resumen
- 3.3 botón de contacto rápido
PRICING
- 4.1 Tabla comparativa de planes con columnas de características
- 4.2 CTA de suscripción por plan
COMPANY
- 5.1 Historia de la empresa y valores
- 5.2 Equipo con fotos y breves bios
- 5.3 Enlaces a redes sociales
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Información de soporte y mapa de ubicación
FOOTER
- 7.1 Navegación secundaria (Producto, Recursos, Precio, Empresa)
- 7.2 Enlaces legales (Política de privacidad, Términos de servicio)
- 7.3 Redes sociales y suscripción a newsletter
PROMPTS RELACIONADOS · SAAS / STARTUP
