NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Academia Zafiro** (academiazafiro.com) usando **HTML**, **Tailwind CSS via CDN** y **JavaScript vanilla** en un solo archivo. La web debe replicar el diseño identificado en el HTML proporcionado, respetando los siguientes requisitos:
**Estructura y stack**
- Un único documento HTML con `<head>` que incluye Tailwind CDN (`https://cdn.tailwindcss.com`) y un bloque `<script>` al final para interacciones.
- Utilizar clases Tailwind para todo el estilo; evitar CSS personalizado externo.
- Implementar un menú responsive con botón hamburguesa que despliegue/colapse la navegación.
- Incluir animaciones suaves al hacer scroll y al interactuar con la galería circular (uso de `transform` y `transition` de Tailwind).
**Paleta de colores**
- Fondo p
5.267 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.267 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 Encabezado fijo con logo, menú y redes sociales
- 1.2 Hero circular con cuadrícula de imágenes animadas
- 1.3 Presentación breve del estudio
- 1.4 Galería de casos en rejilla
- 1.5 Llamado a la acción (contacto)
- 1.6 Footer con datos de contacto y enlaces
ABOUT
- 1.1 Encabezado igual que Home
- 1.2 Texto descriptivo del estudio y valores
- 1.3 Equipo de trabajo en tarjetas
- 1.4 Footer
CONTACT
- 1.1 Encabezado
- 1.2 Formulario de contacto sencillo
- 1.3 Mapa incrustado (opcional)
- 1.4 Footer
CASE STUDIES
- 1.1 Encabezado
- 1.2 Lista de proyectos en tarjetas con imágenes y descripción breve
- 1.3 Footer
PROMPTS RELACIONADOS · EDUCATION
