NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Aula Zafiro" (aulazafiro.com), agencia creativa de diseño digital. Utiliza una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (todo en un solo archivo). Reproduce el diseño analizado:
- Paleta de colores: fondo #111111, texto principal #FFFFFF, acentos #00C2FF (cian), botones #FF6F61 (coral), áreas de hover #0A0A0A.
- Tipografía: fuente principal "Inter" (sans-serif) para títulos y cuerpo, peso 400-700.
- Header fijo con logo a la izquierda, botón "Menu" que abre un panel lateral deslizable desde la izquierda, y un icono de carrito flotante en la esquina superior derecha mostrando contador.
- Panel lateral con enlaces verticales: Trabajo, Sobre Nosotros, Blog, Contacto; cada enlace muestra una línea bajo el texto al pa
3.759 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.759 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 Cabecera con logo, botón de menú y carrito flotante
- 1.2 Menú lateral expandible con enlaces a Trabajo, Sobre Nosotros, Blog y Contacto
- 1.3 Hero principal con título, subtítulo y dos botones de acción, composición de imagen a la derecha
- 1.4 Sección de servicios con tarjetas descriptivas
- 1.5 Portfolio con cuadrícula de proyectos
- 1.6 Footer con datos de contacto y redes sociales
TRABAJO (Work)
- 2.1 Galería filtrable de proyectos
- 2.2 Detalle de proyecto con imágenes y descripción
SOBRE NOSOTROS (About)
- 3.1 Historia y valores de la agencia
- 3.2 Equipo con fotos y biografías cortas
BLOG
- 4.1 Lista de artículos con miniaturas y extractos
- 4.2 Página individual de artículo con contenido y comentarios
CONTACTO (Contact)
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado y datos de ubicación
CARRITO (Cart modal)
- 6.1 Lista de productos añadidos, precios y botones de eliminar
- 6.2 Resumen de subtotal y botón de proceder al pago
PROMPTS RELACIONADOS · EDUCACIÓN
