NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia CinePulse, una SaaS que genera videos automáticamente. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla (single file). Reproduce la siguiente arquitectura visual y estructural basada en patrones UI detectados:
**Paleta de colores**: fondo oscuro #0A0A0A, primario degradado azul‑violeta #3B82F6 → #8B5CF6, texto blanco #FFFFFF, acentos gris claro #E5E7EB.
**Tipografía**: Inter (sans‑serif) para cuerpo, DM Serif Display para títulos.
**Header (navbar)**: barra superior con logo a la izquierda, enlaces ancla (Características, Casos de uso, Precios, FAQ) centrados, botón "Créditos gratis" con ícono de moneda a la derecha. Menú colapsable para móvil con hamburguesa.
**Sección 1 – Hero**: contenedor centrado, badge con icono SVG
4.011 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.011 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 Navbar con logo y enlaces ancla, botón de crédito gratuito
- 1.2 Hero con badge, título, descripción, botones principal y secundario
- 1.3 Bloque de características (grid de 3 columnas con icono, título, párrafo)
- 1.4 Bloque de casos de uso (carousel de tarjetas)
- 1.5 Tabla de precios (3 columnas, cada una con título, lista de beneficios, botón CTA)
- 1.6 FAQ (lista de preguntas desplegables)
- 1.7 Footer con información corporativa, enlaces útiles y redes sociales
CARACTERISTICAS
- 2.1 Badge descriptivo con icono
- 2.2 Título destacado
- 2.3 Parágrafo explicativo
- 2.4 Lista de beneficios con iconos
CASOS DE USO
- 3.1 Tarjeta de caso de uso: imagen, título, descripción corta
PRECIOS
- 4.1 Tabla comparativa de tres planes con encabezado, precios (texto), lista de características, botón CTA
FAQ
- 5.1 Pregunta + respuesta oculta (acordeón)
FOOTER
- 6.1 Logo y breve descripción
- 6.2 Enlaces de navegación (Home, Características, Precios, FAQ)
- 6.3 Iconos de redes sociales
- 6.4 Datos de contacto y aviso legal
PROMPTS RELACIONADOS · SAAS / STARTUP
