NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Data Jade (datajade.com), una plataforma SaaS de gestión de proyectos. Usa solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Sigue estrictamente los patrones UI del sitio original: encabezado fijo con logo, menú principal, dropdown con varias páginas y botón de carrito; hero con título grande, subtítulo y dos botones ("Comenzar" y "Ver demo"); sección de características en 3 columnas con iconos; bloque de testimonios rotativo; cuadrícula de logotipos de integraciones; sección CTA secundaria con formulario de captura de email; footer con enlaces de navegación, redes sociales y datos de contacto.
Paleta de colores (hex):
- Primario: #0A2640
- Secundario: #1E7A9F
- Accent: #F5A623
- Fondo claro: #F8FAFC
- Texto oscuro: #21
3.854 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.854 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 de páginas y acceso al carrito
- 1.2 Hero con título destacado, subtítulo y botones de acción
- 1.3 Sección de características en tres columnas con iconos y texto breve
- 1.4 Testimonios rotativos con foto y cita
- 1.5 Integraciones mostradas en una cuadrícula de logotipos
- 1.6 Llamada a la acción secundaria con formulario de captura de email
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT US
- 2.1 Encabezado interno con breadcrumb
- 2.2 Presentación de la empresa con imagen y texto descriptivo
- 2.3 Valores y misión en tarjetas alineadas
- 2.4 Equipo en tarjetas con foto, nombre y rol
- 2.5 CTA invitando a contactar
FEATURES
- 3.1 Lista de funcionalidades destacadas con iconos y descripción
- 3.2 Comparativa de planes en tabla responsive
- 3.3 Sección de preguntas frecuentes en acordeón
- 3.4 CTA de prueba gratuita
BLOG
- 4.1 Grid de artículos con imagen, título, excerpt y fecha
- 4.2 Sidebar con categorías y últimas publicaciones
- 4.3 Pagination
CONTACT US
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado y datos de contacto
- 5.3 CTA a suscripción al newsletter
PRICING
- 6.1 Tarjetas de planes con precio, características y botón de selección
- 6.2 Comparativa de beneficios entre planes
- 6.3 FAQ relacionada con precios
LOGIN / SIGN‑UP
- 7.1 Formulario de acceso con email y contraseña
- 7.2 Enlace a recuperación de contraseña
- 7.3 Botón de registro rápido con Google/Apple
PROMPTS RELACIONADOS · SAAS / STARTUP
