Identidad: símbolo, logotipo (Dracutaz) y firma; dibujo nuevo con presencias; League Gothic

- docs/marca: símbolo (calle-persona) en positivo, negativo y naranja; logotipo
  en una y dos líneas, convertido a trazados; hoja de marca y alternativas
  de pincel (solo uso personal)
- docs/calle.svg: calle pintada que se disuelve, sin edificios; las presencias
  forman una persona grande con el puño en alto
- maqueta: firma en la cabecera, portada con lema y dibujo; League Gothic en
  lugar de New Rocker, Anton y Special Elite
This commit is contained in:
hacklab 2026-10-13 13:14:36 +02:00
parent df4d68724d
commit 69d84e5a3d
25 changed files with 1451 additions and 1999 deletions

View file

@ -1,6 +1,8 @@
# TAKE THE STREET
![Calle en perspectiva con gente saliendo de los portales](docs/calle.svg)
![Take the Street](docs/marca/logotipo-naranja.svg)
![Una multitud en la calle forma una persona grande con el puño en alto](docs/calle.svg)
**takethestreet.net / takethestreet.org**: red internacional de las acampadas por la vivienda que nacieron en la Puerta del Sol el 26 de septiembre de 2026 (26S). La vivienda es un derecho, no un negocio.
@ -110,18 +112,43 @@ Sin cuenta todavía: Granada, Oviedo, Alicante, Lanzarote, Tenerife, Las Palmas,
Las personas de enlace de cada ciudad no se ponen aquí: van en la sala cerrada del deck.
## 5. Maqueta
## 5. Identidad
`mockup/index.html` es HTML y CSS, sin JavaScript. Se abre directamente en el navegador. Sigue el estilo de acampada26s.net (blanco y negro, bordes de 3 px, sombra de color), pero con otras tipografías:
Tres piezas, cada una con su uso:
- títulos: **New Rocker** (gótica de cartel de rock, sin pasarse), OFL
- etiquetas: **Special Elite** (máquina de escribir de fanzine), Apache 2.0
- botones: **Anton**, OFL, la misma que 26s
![Hoja de marca](docs/marca/hoja.png)
El color es el naranja `#ff7a1a`. El dibujo `docs/calle.svg` es una calle en perspectiva con gente saliendo de los portales. La calzada, el bordillo, la acera y el paso de cebra van con línea limpia; los edificios, a mano alzada; y la gente, con trazo suelto de spray. Se genera con `tools/calle.py`, sin dependencias. Para regenerarlo:
- **Símbolo** (`docs/marca/simbolo*.svg`): una calle en perspectiva con una cabeza encima. La calle es el cuerpo de una persona: la gente es la calle. Repite la forma de las presencias del dibujo (cabeza y cuerpo afilado). Sirve para el favicon, los avatares de redes y las pegatinas, y se lee hasta a 16 px. Tres versiones: positivo, negativo y sobre naranja.
- **Logotipo** (`docs/marca/logotipo*.svg`): «TAKE THE STREET» en **Dracutaz**, de pincel, como la calle pintada. Va convertido a trazados, así que no hace falta la fuente. Hay versión en una línea y en dos, en negro, con STREET en naranja y en negativo.
- **Firma**: símbolo + logotipo. Es lo que va arriba a la izquierda de la web.
- **Ilustración** (`docs/calle.svg`): la imagen principal de la portada, nunca en la cabecera. Ver el apartado 6.
Color: naranja `#ff7a1a`, negro `#111` y blanco.
Tipografías:
- logotipo: **Dracutaz** (Dhabee Studio, freeware, uso comercial permitido), solo convertida a trazados
- titulares, botones y etiquetas: **League Gothic**, OFL (`mockup/fonts/`)
- texto: la fuente del sistema
### Alternativas para el logotipo
![Alternativas de pincel](docs/marca/alternativas.png)
Grindy Brush, Eagle Horizon, Brushed, Higher Jump y Future Outrun (1001fonts) son **solo para uso personal**. Para usarlas en el logotipo habría que comprar la licencia o pedir permiso a sus autores. Dracutaz no tiene ese problema.
## 6. Dibujo
![Una multitud en la calle forma una persona grande con el puño en alto](docs/calle.svg)
Una calle pintada a brochazos que se disuelve hacia arriba y hacia los lados, sin edificios. Encima, cientos de «presencias» (cabeza, cuerpo afilado y una sombra en diagonal), a la manera del mural *Presencias/Ausencias* de Suso33 en Tetuán: juntas forman una persona grande con el puño en alto. Unas pocas van en naranja. Se genera con `tools/calle.py`, sin dependencias:
```
python3 tools/calle.py docs/calle.svg
```
Código AGPL-3.0. Textos y dibujo CC BY-SA 4.0. Tipografías: New Rocker y Anton (OFL), Special Elite (Apache 2.0).
## 7. Maqueta
`mockup/index.html` es HTML y CSS, sin JavaScript. Se abre directamente en el navegador. Sigue el estilo de acampada26s.net (blanco y negro, bordes de 3 px, sombra de color): firma en la cabecera, portada con el lema y el dibujo, y debajo el deck.Capturas al principio de este README.
Código AGPL-3.0. Textos y dibujo CC BY-SA 4.0. Tipografías: League Gothic (OFL); logotipo dibujado con Dracutaz (freeware).