NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Saas Andina, una plataforma SaaS de automatización financiera basada en IA. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar textos ni imágenes originales.
### Paleta de colores (modo oscuro)
- Fondo principal: #0A0A0A
- Card/Sección: #111111
- Texto principal: #FFFFFF
- Texto secundario: #A0A0A0
- Accent (botones, enlaces): #00D1FF
- Hover/Active: #009FCC
### Tipografía
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts).
- Títulos: weight 700, tamaño adaptativo (clases Tailwind text-4xl lg:text-6xl).
- Cuerpo: weight 400, text-base lg:text-lg.
### Header (navbar)
- Sticky, fondo semi‑transparente (#
4.563 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.563 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 fijo con logo, navegación y botón principal
- 1.2 Hero con video de fondo, título, subtítulo, descripción y dos botones CTA
- 1.3 Marquee de logos de clientes en bucle horizontal
- 1.4 Sección "Cómo funciona" con subtítulo, título, descripción y tabs interactivos
- 1.5 Footer con enlaces de navegación y datos de contacto
ABOUT US
- 2.1 Header con título y subtítulo explicativo
- 2.2 Imagen o ilustración a la izquierda, texto descriptivo a la derecha
- 2.3 Equipo en tarjetas con foto, nombre y rol
- 2.4 Footer
FEATURES
- 3.1 Header con título y descripción breve
- 3.2 Grid de tarjetas de características con icono, título y texto
- 3.3 Sección con video o demo interactivo
- 3.4 Footer
PRICING
- 4.1 Tabla comparativa de planes con precios ficticios y listas de funcionalidades
- 4.2 Botones CTA "Comenzar prueba"
- 4.3 Preguntas frecuentes en acordeón
- 4.4 Footer
BLOG
- 5.1 Lista de artículos con imagen, título, extracto y fecha
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Footer
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa estático (placeholder)
- 6.3 Información de contacto y redes sociales
- 6.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
