NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea el sitio web de "Armonía Studios", una escuela de música ficticia, siguiendo fielmente el patrón visual y estructural del template analizado. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**
- Fondo principal: #F5F7FA
- Texto principal: #1A202C
- Acento primario: #2563EB (azul)
- Acento secundario: #EA580C (naranja)
- Iconos/ilustraciones: #4B5563
**Tipografía**
- Fuente principal: Inter (sans‑serif) – cargar desde Google Fonts.
- Peso regular 400, negrita 600 para encabezados.
**Estructura global**
1. **Header** (navbar‑absolute)
- Logo a la izquierda.
- Menú horizontal con enlaces: Demos, Sobre nosotros, Clases, Programas, Todas las páginas (mega‑menu con tres columnas).
- Botón destacado "Registrarse online"
4.242 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.242 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 fija con logo, enlaces, dropdowns y botón de registro
- 1.2 Hero con título, subtítulo y galería de imágenes de capturas de pantalla
- 1.3 Sección de clientes y beneficios con iconos y descripciones
- 1.4 (otros bloques que aparecen en la página completa, como testimonios, blog preview, CTA final)
ABOUT US
- 2.1 Encabezado interno con navegación secundaria
- 2.2 Texto descriptivo de la escuela y equipo
- 2.3 Galería de fotos o videos
- 2.4 Llamada a la acción para contactar o inscribirse
CLASSES
- 3.1 Lista de cursos y talleres con tarjetas
- 3.2 Filtros y búsqueda rápida
- 3.3 Información breve de cada clase y botón "Más info"
PROGRAMS
- 4.1 Catálogo de programas con tarjetas destacadas
- 4.2 Detalles de cada programa y enlaces a inscripción
CONTACT US
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa integrado y datos de contacto
- 5.3 Enlaces a redes sociales
BLOG
- 6.1 Lista de artículos con miniaturas, títulos y extractos
- 6.2 Paginación o carga infinita
- 6.3 Barra lateral con categorías y suscripción
FOOTER
- 7.1 Enlaces de navegación secundaria, política de privacidad y términos
- 7.2 Iconos de redes sociales
- 7.3 Información de contacto y copyright
PROMPTS RELACIONADOS · EDUCACIÓN
