NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para **Aula Atlas**, una startup SaaS de IA, usando **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 literales. Utiliza los siguientes recursos:
- **Paleta de colores**: #1E3A8A (azul profundo), #2563EB (azul primario), #F97316 (naranja vibrante), #F3F4F6 (gris claro), #111827 (gris casi negro).
- **Tipografía**: Inter (Google Fonts) para cuerpo y títulos, peso 400‑700.
- **Header**: barra fija, logo placeholder (svg round con degradado azul‑naranja), menú principal con enlaces Home, About, Features, Blog, Pricing, Contact. Dropdowns para Home y Features con sub‑enlaces simulados. Botón primario "Start Free" con e
3.999 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.999 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, menú principal, dropdowns y botones CTA.
- 1.2 Hero principal con título, subtítulo, imagen ilustrativa y botón "Start Free".
- 1.3 Características en 3 columnas con iconos.
- 1.4 Testimonios en carrusel.
- 1.5 Integraciones en grid de logos.
- 1.6 CTA secundaria con formulario.
- 1.7 Footer con enlaces y datos de contacto.
ABOUT US
- 2.1 Cabecera con título y descripción.
- 2.2 Historia de la empresa en dos columnas.
- 2.3 Equipo con tarjetas de perfil.
- 2.4 Valores y misión.
- 2.5 Footer replicado.
FEATURES
- 3.1 Lista de funcionalidades principales con iconos.
- 3.2 Detalle de cada característica en secciones alternas.
- 3.3 Caso de uso destacado.
- 3.4 CTA de prueba gratuita.
- 3.5 Footer replicado.
BLOG
- 4.1 Cabecera de blog con filtro de categorías.
- 4.2 Grid de tarjetas de artículo (imagen, título, extracto).
- 4.3 Paginación.
- 4.4 Footer replicado.
PRICING
- 5.1 Tabla comparativa de planes con precios y beneficios.
- 5.2 FAQ en acordeón.
- 5.3 CTA "Start Free" bajo cada plan.
- 5.4 Footer replicado.
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje.
- 6.2 Información de contacto y mapa embed.
- 6.3 Footer replicado.
PROMPTS RELACIONADOS · EDUCATION
