NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Data Rubí, una plataforma SaaS de gestión de infraestructuras cloud. El proyecto debe estar en un único archivo HTML que importe Tailwind CSS desde CDN y utilice JavaScript vanilla (sin frameworks) para interactividad básica (menú hamburguesa, overlay, carrusel de testimonios, acordeón de FAQ). Utiliza la siguiente paleta de colores: --primary:#0D47A1, --secondary:#1976D2, --accent:#FFB300, --bg:#F5F7FA, --text:#212529. Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑600.
Estructura del sitio:
- Header fijo con logo (SVG placeholder), botón hamburguesa que abre un overlay, y CTA "Start" con animación de texto duplicado.
- Overlay de navegación: grid de 2‑3 columnas, sección "Main" con enlaces Overview, Product, Success st
3.480 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.480 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 fija con logo, botón de hamburguesa y CTA principal
- 1.2 Menú overlay con columnas: Main, Company y enlaces secundarios
- 1.3 Hero de página de inicio con título, descripción breve y botón "Start"
- 1.4 Bloque de características destacadas en grid de 3 columnas
- 1.5 Sección de changelog con última actualización y fecha
- 1.6 Testimonios o casos de éxito en carrusel sencillo
- 1.7 Llamada a la acción secundaria "Book a demo" y acceso a documentación
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera compartida
- 2.2 Sección de presentación de la empresa con texto e imagen
- 2.3 Valores o misión en tarjetas
- 2.4 Equipo con fotos y breves bio
- 2.5 CTA para contactar
- 2.6 Footer común
PRODUCT
- 3.1 Cabecera compartida
- 3.2 Hero con descripción del producto y botones de prueba
- 3.3 Detalle de módulos en grid de 2 columnas
- 3.4 Integraciones mostradas como logos
- 3.5 Roadmap o plan de releases
- 3.6 CTA de registro
- 3.7 Footer común
PRICING
- 4.1 Cabecera compartida
- 4.2 Tabla comparativa de planes
- 4.3 FAQ en acordeón
- 4.4 CTA de suscripción
- 4.5 Footer común
CONTACT
- 5.1 Cabecera compartida
- 5.2 Formulario de contacto simple
- 5.3 Información de ubicación y teléfono
- 5.4 Mapa incrustado
- 5.5 Footer común
PROMPTS RELACIONADOS · SAAS / STARTUP
