NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictitious SaaS brand **Data Marea** using only HTML, Tailwind CSS CDN and vanilla JavaScript. The design must replicate the visual patterns of the source site (hero with abstract blobs, gradient title, two primary CTA buttons, mission statement, features grid, feature cards, benefits accordion, integration logos with simple Rive‑like placeholder animation, footer with navigation & subscription). Use the following style guide:
- **Palette**: #0A0A0A (dark background), #1E3A8A (primary blue), #3B82F6 (accent blue), #F3F4F6 (light gray), #FFFFFF (white), #10B981 (green accent for highlights).
- **Typography**: Font‑Family "Inter", sans‑serif. Headings use font‑weight 700, size scaling (h1 48px, h2 36px, h3 24px). Body text 16px, weight 400. Use T
4.870 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.870 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, menú y botón.
- 1.2 Hero con fondo orgánico, titular degradado, subtítulo y dos CTA.
- 1.3 Bloque de misión estilo texto centrado.
- 1.4 Sección de funcionalidades (grid 2‑col) con texto, imagen y botón opcional.
- 1.5 Tarjetas de características (grid 2‑col) con icono, título y descripción.
- 1.6 Beneficios (lista de items con icono y texto expandible) y visual lateral.
- 1.7 Integración (logos de partners y animación Rive).
- 1.8 Footer con enlaces, redes y suscripción.
PAGES
- FEATURES
- 1.1 Cabecera interna con título.
- 1.2 Lista ampliada de funcionalidades en tarjetas.
- 1.3 CTA final.
- PRICING
- 1.1 Tabla comparativa de planes.
- 1.2 Preguntas frecuentes.
- CONTACT
- 1.1 Formulario de contacto.
- 1.2 Información de soporte.
- BLOG
- 1.1 Lista de artículos con previsualización.
- 1.2 Paginación.
- LEGAL
- 1.1 Términos de servicio.
- 1.2 Política de privacidad.
PROMPTS RELACIONADOS · SAAS / STARTUP
