NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia App Lira (applira.com) – una plataforma SaaS de gestión financiera personal. El proyecto debe estar en un único archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla para interacciones simples (menú móvil, scroll suave). Reproduce la estructura y estilo del sitio analizado:
- Paleta de colores: #0A2640 (azul oscuro), #1E3A8A (azul medio), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #FFFFFF (blanco).
- Tipografía: "Inter", sans-serif para todo el contenido; títulos en peso 700, cuerpo en 400.
- Header: barra superior con mensaje promocional y botón de cierre, logo a la izquierda, menú de navegación (Home, Features, Pricing, About, Resources) y botón CTA "Obtener plantilla"; menú hamburguesa en móvil.
- Hero: sección a pantall
3.529 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.529 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 con barra superior de aviso, logo y menú de navegación
- 1.2 Hero principal: título, párrafo, botones de descarga de apps y métricas de usuarios
- 1.3 Imagen destacada del producto con superposición decorativa
- 1.4 Bloque de características (íconos + texto)
- 1.5 Sección de métricas/estadísticas con números prominentes
- 1.6 Testimonios con avatars circulares
- 1.7 Llamada a la acción final con botón principal
- 1.8 Footer con enlaces, redes y datos de contacto
FEATURES
- 2.1 Título y descripción de la página de funcionalidades
- 2.2 Grid de cards con icono, título y breve descripción
- 2.3 Imagen ilustrativa al costado
- 2.4 CTA para probar la demo
PRICING
- 3.1 Tabla comparativa de planes con precios ficticios
- 3.2 Lista de beneficios por plan
- 3.3 Botón de suscripción en cada columna
ABOUT
- 4.1 Historia de la empresa y misión
- 4.2 Equipo con fotos y cargos
- 4.3 Valores y cultura
BLOG
- 5.1 Lista de artículos con imagen, título y extracto
- 5.2 Sidebar con categorías y newsletter
CONTACT
- 6.1 Formulario de contacto simple
- 6.2 Información de dirección y teléfono
- 6.3 Mapa incrustado
PROMPTS RELACIONADOS · SAAS / STARTUP
