NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página usando HTML, Tailwind CSS CDN y JavaScript puro (sin frameworks) que reproduzca el diseño de una landing page SaaS para gestión de fondos de pensiones. La marca ficticia es FondoFlex (fondoflex.com). Utiliza la siguiente paleta de colores: #0A1F44 (azul oscuro), #1E3A8A (azul primario), #3B82F6 (azul resaltado), #F3F4F6 (gris claro), #111827 (gris casi negro) y #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para encabezados y cuerpo.
Estructura:
- Header fijado, con logo a la izquierda, menú principal con items Home, Pricing, Blog, Contact, Resources (desplegable con About, Login, Signup, Style Guide, Changelog, License) y botón CTA "Book a Call" a la derecha.
- Hero: contenedor centrado, título h1 grande con la frase "All your pensions i
3.614 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.614 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 Header con logo, menú desplegable y botón de llamada a la acción
- 1.2 Hero con título grande, texto resaltado y botones principales
- 1.3 Sección de características con iconos y breves descripciones
- 1.4 Testimonios y métricas de confianza
- 1.5 Llamada a la acción secundaria (Book a Call)
- 1.6 Footer con enlaces de recursos, soporte y redes sociales
PRICING
- 2.1 Header (reutilizado)
- 2.2 Tabla comparativa de planes con botones CTA
- 2.3 Preguntas frecuentes
- 2.4 Footer (reutilizado)
BLOG
- 3.1 Header (reutilizado)
- 3.2 Lista de artículos en tarjetas con imagen, título y extracto
- 3.3 Paginación
- 3.4 Footer (reutilizado)
CONTACT
- 4.1 Header (reutilizado)
- 4.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 4.3 Mapa estático
- 4.4 Footer (reutilizado)
PROMPTS RELACIONADOS · SAAS / STARTUP