# Mockups de diseño — Gotagig

Prototipos navegables del diseño. **Son archivos HTML autocontenidos**: no necesitan servidor ni
instalar nada — se abren con doble clic en cualquier navegador.

> Si estás viendo esto en GitHub, GitHub muestra el código, no la página. Para verlos:
> descargá el repo (`git clone` o botón **Code → Download ZIP**) y abrí los `.html` con el navegador.

| Archivo | Qué muestra |
|---|---|
| `01-organizacion-que-necesitas.html` | **4 formas de organizar** la sección "¿Qué necesitás?" de la home (48 tipos de músico). ← *resuelto en 07* |
| `02-identidad-visual.html` | Logo (clave de sol + clave de fa), ícono de app y la paleta de colores. |
| `03-perfil-musico.html` | Perfil público del músico: header, espectáculo, video destacado, galería, contratar. |
| `04-buscar-musicos.html` | Pantalla de búsqueda: filtros, lista y mapa con día/noche. |
| `05-portadas-1a5.html` / `06-portadas-6a10.html` | Las 10 variantes de color de portada que exploramos (se eligió *Azul Boracurve*). |
| `07-home-cinematografica.html` | **Home rediseñada**: hero oscuro con radar animado (pins latiendo + ondas de alcance), banda de datos, 6 tarjetas por familia y panel A-Z con los 48 tipos + 44 géneros. |

## Decisiones de diseño ya cerradas

- **Marca:** Gotagig · logo = clave de sol + clave de fa · ícono azul con las claves en blanco.
- **Paleta:** fondo blanco · acento **teal** (`#06b6d4`) · **azul Boracurve** (`#2563eb`) para la acción
  principal y las zonas hero · negro para el bloque "Video destacado" · verde solo para disponibilidad.
- **Home:** oscura y cinematográfica (navy → negro); el resto de la app sigue en blanco. El
  catálogo completo no se muestra en la home: vive en un panel A-Z con buscador.
- **Mapa:** estilo Uber (vectorial CARTO), claro de día y oscuro de noche.

Los mockups son la **fuente de verdad del diseño**; la app real (en `frontend/`) los implementa.