NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a full‑page responsive website for the fictional brand **NeoPixel Academy** (education – 3D design courses). Use only HTML, Tailwind CSS CDN and vanilla JavaScript in a single file. Follow the visual patterns of the source site: a dark hero section with a rating badge, large H1 title, highlighted inline text ("hero-text"), uppercase sub‑headline, two CTA buttons (primary solid, secondary transparent with an SVG icon), circular decorative elements positioned around the hero, and a layered image carousel that scrolls horizontally behind the hero content. The navigation bar must be sticky, contain a light logo (fallback dark logo for dark mode), a short slogan, menu items (About, Courses, Blog, Contact) each wrapped in a circle element, and two right‑aligned buttons ("Get Started" prim
3.273 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.273 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, slogan y enlaces
- 1.2 Hero dark con valoración de usuarios, título principal, párrafo destacado, botones CTA y círculos decorativos
- 1.3 Galería de imágenes en capas como fondo del hero
- 1.4 Bloque de cursos destacados (placeholder)
- 1.5 Testimonios y métricas de estudiantes (placeholder)
- 1.6 Footer con información de contacto y enlaces
ABOUT
- 1.1 Encabezado interno con título y texto descriptivo
- 1.2 Equipo o historia (placeholder)
- 1.3 Valores y misión (placeholder)
- 1.4 CTA a inscribirse
COURSES
- 1.1 Lista de cursos con tarjetas, imagen, título y breve descripción
- 1.2 Filtro por categoría (placeholder)
- 1.3 Botón para ver el curriculum de cada curso
- 1.4 CTA general de inscripción
BLOG
- 1.1 Grid de artículos con imagen, título y extracto
- 1.2 Barra lateral de categorías y búsqueda (placeholder)
- 1.3 Paginación
CONTACT-US
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Información de contacto y mapa embed (placeholder)
- 1.3 CTA final
PROMPTS RELACIONADOS · EDUCATION
