NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "AulaNova" (educación online con venta de cursos) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Utiliza la siguiente paleta de colores: #1A202C (gris oscuro), #2D3748 (gris medio), #4A5568 (gris claro), #F6E05E (amarillo vibrante), #FFFFFF (blanco). Tipografía: 'Inter' para títulos y 'Roboto' para cuerpo, ambas importadas desde Google Fonts.
Estructura:
- HEADER (navbar) fijo, fondo #1A202C, logo a la izquierda (texto "AulaNova" en Inter bold 24px, color #F6E05E), menú horizontal con enlaces Home, Features, About us, Pricing, Blog (texto blanco, hover #F6E05E), botón destacado "Download for iOS" con icono SVG y fondo #F6E05E, y icono carrito que muestra cantidad. Responsive: colapsa a hamburger en <768px.
4.297 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.297 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 con logo, menú principal, botón descarga iOS y acceso al carrito
- 1.2 Hero large con título, subtítulo y botones de registro
- 1.3 Sección de características en grid de 3 columnas con iconos y texto
- 1.4 Testimonios en carrusel horizontal
- 1.5 Planes de suscripción con tarjetas comparativas
- 1.6 Blog destacado con tarjetas de artículo
- 1.7 Footer con columnas de enlaces, redes sociales y formulario de newsletter
FEATURES
- 2.1 Header interno con breadcrumbs
- 2.2 Lista de funcionalidades detalladas con iconografía y descripciones
- 2.3 CTA de prueba gratuita
- 2.4 Footer replicado
ABOUT US
- 3.1 Header interno
- 3.2 Historia y misión con imágenes
- 3.3 Equipo en tarjetas
- 3.4 Valores en bloques de iconos
- 3.5 CTA de contacto
- 3.6 Footer replicado
PRICING
- 4.1 Header interno
- 4.2 Tabla de precios con tres planes
- 4.3 Comparativa de características
- 4.4 FAQ accordion
- 4.5 CTA de registro
- 4.6 Footer replicado
BLOG
- 5.1 Lista de artículos en tarjetas con imagen, título y extracto
- 5.2 Paginación
- 5.3 Sidebar con categorías y newsletter
- 5.4 Footer replicado
PROMPTS RELACIONADOS · EDUCACIÓN
