NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca "Aula Rapsodia" (agencia digital) usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente la estructura y estética del sitio analizado, sin copiar texto literal.
--- Alcance
- Header fijo con logo a la izquierda, menú de navegación centrado (Home, About us, Services, Projects, Blog, Pages dropdown con enlaces ficticios), botón oscuro "Get a Quote" a la derecha y carrito modal con contador.
- Hero ocupando toda la altura de la ventana, fondo degradado oscuro a azul (#0a0f24 → #1e3a8a) con texto grande, subtítulo y botón principal.
- Sección de servicios: grid de 3 columnas, tarjetas con icono (usar heroicons), título, breve descripción. Fondo gris claro #f3f4f6.
- Portafolio: filtro de cate
4.209 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.209 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 Header con logo, navegación principal, botón "Get a Quote" y carrito modal
- 1.2 Hero con imagen de fondo y llamado a la acción
- 1.3 Bloque de servicios en cuadrícula de tres columnas
- 1.4 Portafolio con filtro y tarjetas de proyecto
- 1.5 Testimonios en carrusel horizontal
- 1.6 Últimos artículos del blog en lista de tarjetas
- 1.7 Footer con información de contacto, enlaces rápidos y redes sociales
ABOUT
- 2.1 Header idéntico al de la home
- 2.2 Sección de historia con imagen y texto descriptivo
- 2.3 Equipo en tarjetas con foto, nombre y rol
- 2.4 Valores en iconos y breves descripciones
- 2.5 Footer idéntico al de la home
SERVICES
- 3.1 Header persistente
- 3.2 Lista de servicios en tarjetas con icono, título y resumen
- 3.3 Detalle de cada servicio en secciones colapsables
- 3.4 CTA de contacto al final
- 3.5 Footer común
PROJECTS
- 4.1 Header persistente
- 4.2 Galería filtrable por categoría
- 4.3 Tarjetas de proyecto con imagen, título y breve descripción
- 4.4 Modal de detalle del proyecto con carrusel de imágenes
- 4.5 Footer común
BLOG
- 5.1 Header persistente
- 5.2 Lista de artículos en tarjetas con imagen, título, extracto y fecha
- 5.3 Paginación al final
- 5.4 Footer común
CONTACT
- 6.1 Header persistente
- 6.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.3 Mapa integrado y datos de contacto
- 6.4 Footer común
PROMPTS RELACIONADOS · EDUCATION
