hacklab/takethestreet
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Símbolo nuevo: la cabeza de una farola

Browse source
This commit is contained in:
hacklab 2026-10-14 12:29:24 +02:00
parent f305f81379
commit 9f3fc1ab0c
10 changed files with 57 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -254,7 +254,7 @@ Tres piezas, cada una con su uso:
![Hoja de marca](docs/marca/hoja.png) ![Hoja de marca](docs/marca/hoja.png)
- **Símbolo** (`docs/marca/simbolo*.svg`): una calle en perspectiva con una cabeza naranja 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. - **Símbolo** (`docs/marca/simbolo*.svg`): la cabeza de una farola, con el cristal encendido en naranja. La farola es la calle de noche: la luz que se queda encendida en la plaza. Las farolas también salen en el dibujo. 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 **Grindy Brush**, todo en negro (o en blanco sobre negro). Va convertido a trazados, así que no hace falta la fuente. Hay versión en una línea y en dos. - **Logotipo** (`docs/marca/logotipo*.svg`): «TAKE THE STREET» en **Grindy Brush**, todo en negro (o en blanco sobre negro). Va convertido a trazados, así que no hace falta la fuente. Hay versión en una línea y en dos.
- **Firma**: símbolo + logotipo. Es lo que va arriba a la izquierda de la web. - **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. - **Ilustración** (`docs/calle.svg`): la imagen principal de la portada, nunca en la cabecera. Ver el apartado 6.

12
docs/marca/simbolo-naranja.svg
View file

@ -1,5 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><rect width="100" height="100" fill="#f04e23"/> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<circle cx="50" cy="19" r="11.5" fill="#fff"/> <rect width="100" height="100" fill="#f04e23"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#111"/> <circle cx="50" cy="8" r="4" fill="#111"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#f04e23"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#111"/>
<path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#111"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#fff"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#111"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#111"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 358 B

After

Width:  |  Height:  |  Size: 527 B

Before After
Before After

9
docs/marca/simbolo-negativo.svg
View file

@ -1,5 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><rect width="100" height="100" fill="#111"/> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><rect width="100" height="100" fill="#111"/>
<circle cx="50" cy="19" r="11.5" fill="#f04e23"/> <circle cx="50" cy="8" r="4" fill="#fff"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#fff"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#fff"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#111"/> <path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#fff"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#f04e23"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#fff"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#fff"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 355 B

After

Width:  |  Height:  |  Size: 526 B

Before After
Before After

9
docs/marca/simbolo.svg
View file

@ -1,5 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<circle cx="50" cy="19" r="11.5" fill="#f04e23"/> <circle cx="50" cy="8" r="4" fill="#111"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#111"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#111"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#fff"/> <path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#111"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#f04e23"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#111"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#111"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 311 B

After

Width:  |  Height:  |  Size: 482 B

Before After
Before After

9
sites/takethestreet/favicon.svg
View file

@ -1,5 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<circle cx="50" cy="19" r="11.5" fill="#f04e23"/> <circle cx="50" cy="8" r="4" fill="#111"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#111"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#111"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#fff"/> <path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#111"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#f04e23"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#111"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#111"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 311 B

After

Width:  |  Height:  |  Size: 482 B

Before After
Before After

9
sites/takethestreet/img/simbolo-negativo.svg
View file

@ -1,5 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><rect width="100" height="100" fill="#111"/> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><rect width="100" height="100" fill="#111"/>
<circle cx="50" cy="19" r="11.5" fill="#f04e23"/> <circle cx="50" cy="8" r="4" fill="#fff"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#fff"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#fff"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#111"/> <path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#fff"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#f04e23"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#fff"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#fff"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 355 B

After

Width:  |  Height:  |  Size: 526 B

Before After
Before After

9
sites/takethestreet/img/simbolo.svg
View file

@ -1,5 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<circle cx="50" cy="19" r="11.5" fill="#f04e23"/> <circle cx="50" cy="8" r="4" fill="#111"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#111"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#111"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#fff"/> <path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#111"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#f04e23"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#111"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#111"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 311 B

After

Width:  |  Height:  |  Size: 482 B

Before After
Before After

9
sites/tomalacalle/favicon.svg
View file

@ -1,5 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<circle cx="50" cy="19" r="11.5" fill="#f04e23"/> <circle cx="50" cy="8" r="4" fill="#111"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#111"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#111"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#fff"/> <path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#111"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#f04e23"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#111"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#111"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 311 B

After

Width:  |  Height:  |  Size: 482 B

Before After
Before After

9
sites/tomalacalle/img/simbolo-negativo.svg
View file

@ -1,5 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><rect width="100" height="100" fill="#111"/> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><rect width="100" height="100" fill="#111"/>
<circle cx="50" cy="19" r="11.5" fill="#f04e23"/> <circle cx="50" cy="8" r="4" fill="#fff"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#fff"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#fff"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#111"/> <path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#fff"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#f04e23"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#fff"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#fff"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 355 B

After

Width:  |  Height:  |  Size: 526 B

Before After
Before After

9
sites/tomalacalle/img/simbolo.svg
View file

@ -1,5 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<circle cx="50" cy="19" r="11.5" fill="#f04e23"/> <circle cx="50" cy="8" r="4" fill="#111"/>
<path d="M46.5,37 L53.5,37 L84,92 L16,92 Z" fill="#111"/> <path d="M27,31 L73,31 L65,22 L50,11 L35,22 Z" fill="#111"/>
<path d="M49.4,46 h1.2 l.3,7 h-1.8 Z M48.9,60 h2.2 l.5,10 h-3.2 Z M48.2,77 h3.6 l.7,15 h-5 Z" fill="#fff"/> <path d="M30,33 L70,33 L61,69 L39,69 Z" fill="#111"/>
<path d="M35.5,37.5 L48.6,37.5 L48.6,64.5 L42.5,64.5 Z M51.4,37.5 L64.5,37.5 L57.5,64.5 L51.4,64.5 Z" fill="#f04e23"/>
<path d="M38,71 L62,71 L57,78 L43,78 Z" fill="#111"/>
<path d="M45,80 L55,80 L57,100 L43,100 Z" fill="#111"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 311 B

After

Width:  |  Height:  |  Size: 482 B

Before After
Before After