NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **AureaFin** (plataforma SaaS de analítica financiera con IA) usando **HTML estático, Tailwind CSS CDN y JavaScript vanilla en un solo archivo**. El sitio debe reproducir la estructura y estilo del template analizado, sin copiar texto ni imágenes originales.
**Alcance**: páginas Home, About, Features, Pricing, Blog, Contact, FAQs, Request‑a‑Demo, Waitlist y páginas legales. Cada página debe contener los bloques descritos en la tabla anterior, siguiendo el mismo orden y jerarquía.
**Stack**:
- `<!DOCTYPE html>`
- `<html lang="es">`
- `<head>` con meta viewport, title, Google Fonts (inter), Tailwind CDN (`https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css`) y script al final del body.
- Todo el CSS debe expresarse mediante cla
5.067 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.067 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 con logo, enlaces principales y botón "Prueba gratis"
- 1.2 Hero: título doble, descripción, botones "Empezar ahora" y "Ver demo", lista de tres beneficios, imagen principal del dashboard y decoraciones de nubes
- 1.3 Sección de clientes: pre‑título y carrusel de logotipos
- 1.4 Bloque de funcionalidades: cuadrícula de iconos con títulos y descripciones
- 1.5 Testimonios: carrusel de citas y fotos
- 1.6 Tabla de precios: tres planes con características y botones CTA
- 1.7 Blog destacado: tarjetas con imagen, título y extracto
- 1.8 Llamada a la acción final: formulario de suscripción y botón
ABOUT
- 1.1 Encabezado interno con logo y menú secundario
- 1.2 Hero interno con título y párrafo descriptivo
- 1.3 Historia de la empresa: texto y timeline visual
- 1.4 Equipo: tarjetas de miembros con foto, nombre y rol
- 1.5 Valores: iconos con breves descripciones
FEATURE
- 1.1 Hero de funcionalidades con título y llamada a la acción
- 1.2 Grid de características: icono, título, texto
- 1.3 Video demo integrado
- 1.4 Comparativa de planes
PRICING
- 1.1 Tabla de precios completa con tres columnas, cada una con título, precio ficticio, lista de beneficios y botón CTA
BLOG
- 1.1 Lista de artículos: imagen, categoría, título, extracto, botón "Leer más"
- 1.2 Sidebar: búsqueda, categorías, últimos posts, newsletter
CONTACT
- 1.1 Formulario de contacto: campos nombre, email, asunto y mensaje, botón enviar
- 1.2 Información de contacto: dirección, teléfono y email
- 1.3 Mapa incrustado (placeholder)
FAQS
- 1.1 Lista de preguntas frecuentes en acordeón
REQUEST‑A‑DEMO
- 1.1 Formulario corto para solicitar demo con campos básicos y botón enviar
WAITLIST
- 1.1 Formulario de inscripción a lista de espera
LEGAL PAGES (Privacy, Terms, etc.)
- 1.1 Texto legal estático con encabezados y párrafos
PROMPTS RELACIONADOS · SAAS / STARTUP
