NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **CuentasClaras** (plataforma SaaS de gestión financiera). Usa únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La página debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales.
**Alcance**: Home, About, Features, Pricing, Blog, Contact. Cada página debe contener los bloques descritos en la tabla, con contenido original en español de España, tipografía sans‑serif (font‑family: 'Inter', sans-serif) y la siguiente paleta de colores:
- Primary: #1E3A8A (azul oscuro)
- Accent: #3B82F6 (azul brillante)
- Background: #F9FAFB (gris muy claro)
- Text: #111827 (gris casi negro)
- Muted: #6B7280 (gris medio)
**Header**: barra fija con logo (texto "Cue
5.140 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.140 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 Barra de navegación fija con logo, mega‑menu y botón Contacto
- 1.2 Hero con badge, título principal y descripción
- 1.3 Área de estadísticas animadas (contadores)
- 1.4 Sección de características en grid de 3 columnas
- 1.5 Testimonios con carrusel sencillo
- 1.6 Llamada a la acción con botón destacado
- 1.7 Footer con enlaces de navegación, datos de contacto y suscripción
ABOUT
- 2.1 Hero interno con título y párrafo introductorio
- 2.2 Nuestra misión y visión en columnas
- 2.3 Equipo con fotos y breves bios
- 2.4 Footer
FEATURES
- 3.1 Hero interno con tagline y CTA
- 3.2 Listado de funcionalidades en tarjetas con iconos
- 3.3 Integraciones destacadas en carrusel
- 3.4 FAQ acordeón
- 3.5 Footer
PRICING
- 4.1 Tabla comparativa de planes con precios y características
- 4.2 CTA de prueba gratuita
- 4.3 Preguntas frecuentes
- 4.4 Footer
BLOG
- 5.1 Grid de artículos con imagen, título y extracto
- 5.2 Sidebar con categorías y newsletter
- 5.3 Footer
CONTACT
- 6.1 Formulario de contacto con campo de nombre, email y mensaje
- 6.2 Mapa embebido (placeholder)
- 6.3 Información de contacto y redes sociales
- 6.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
