NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Escuela Zafiro, una agencia digital que ofrece plantillas y servicios de diseño web. Utiliza una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce la estructura y estilo visual del sitio analizado:
- **Paleta de colores**: fondo blanco (#FFFFFF), gris claro (#F5F5F5), gris medio (#CCCCCC), azul acentuado (#1E3A8A), negro para texto (#111111).
- **Tipografía**: Inter (Google Fonts) para encabezados y cuerpo, tamaños escalar entre 1rem y 2.5rem.
- **Header**: barra superior fija, logo a la izquierda (texto "Escuela Zafiro" en negrita), menú de megamenú con enlaces a "Inicio", "Servicios", "Trabajos", "Sobre nosotros", "Blog", "Contacto", icono de burger a la derecha que abre el menú lateral.
- **
4.029 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.029 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 superior con logo, megamenú y botón de burger
- 1.2 Menú lateral ocultable con enlaces a páginas, contactos y llamado a la acción
- 1.3 Hero principal con título, descripción y botones principales
- 1.4 Área de tarjetas de servicios o características
- 1.5 Galería de trabajos destacados con imagen y superposición
- 1.6 Footer con datos de contacto, enlaces rápidos y redes sociales
SERVICES
- 2.1 Encabezado de página con título y breve descripción
- 2.2 Lista de servicios en tarjetas con ícono y texto
- 2.3 Sección de testimonios con carrusel
- 2.4 Llamado a la acción para solicitud de presupuesto
WORKS
- 3.1 Encabezado de página con filtro de categorías
- 3.2 Cuadrícula de proyectos con miniaturas y hover overlay
- 3.3 Paginación o carga más
ABOUT
- 4.1 Presentación de la empresa con foto y texto descriptivo
- 4.2 Equipo en tarjetas con foto, nombre y rol
- 4.3 Valores y misión en bloques de icono + texto
BLOG
- 5.1 Listado de artículos con imagen, título, extracto y fecha
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Botón de carga de más artículos
CONTACT
- 6.1 Formulario de contacto con campos básicos
- 6.2 Información de contacto y mapa embebido
- 6.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCATION
