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

Logotipo en Grindy Brush (negro), naranja más rojizo y dibujo nuevo

Browse source 
- logotipo: Grindy Brush todo en negro (o blanco en negativo), convertido a
  trazados; fuera las alternativas y las versiones con STREET en naranja.
  README: la fuente es demo de uso personal, hay que comprar la licencia
- naranja #ff7a1a -> #f04e23, solo en detalles
- docs/calle.svg: calle corta en diagonal, solo planta baja que se desvanece;
  de cada portal sale gente que avanza hacia la calzada (presencias con alguna
  zancada o puño en alto)
This commit is contained in:
hacklab 2026-10-13 13:28:18 +02:00
parent 69d84e5a3d
commit 987893d33c
18 changed files with 341 additions and 1296 deletions
Download patch file Download diff file Expand all files Collapse all files

6
mockup/css/deck.css
View file

@ -3,7 +3,7 @@
:root {
--bg: #fff;
--fg: #111;
--neon: #ff7a1a;
--neon: #f04e23;
--bd: 3px solid var(--fg);
--bt: "League Gothic", "Arial Narrow", Impact, sans-serif;
--txt: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
@ -29,9 +29,9 @@ a { color: inherit; }
.idiomas a[aria-current] { background: var(--fg); color: var(--bg); box-shadow: 3px 3px 0 var(--neon); }
.portada { padding: 36px 0 0; border-bottom: var(--bd); text-align: center; }
.calle { display: block; width: 100%; max-width: 1100px; height: auto; margin: -10px auto 0; }
.calle { display: block; width: 100%; max-width: 1200px; height: auto; margin: 10px auto 0; }
.lema { margin: 0; font: 400 clamp(40px, 6vw, 80px)/.95 var(--bt); text-transform: uppercase; }
.sub { margin: 10px 0 0; font: 20px var(--bt); letter-spacing: .12em; text-transform: uppercase; color: var(--neon); }
.sub { margin: 10px 0 0; font: 20px var(--bt); letter-spacing: .12em; text-transform: uppercase; }
.tags { display: flex; gap: 8px; flex-wrap: wrap; padding: 10px 20px; border-bottom: var(--bd); font: 18px var(--bt); letter-spacing: .03em; }
.tags span { border: 2px dashed var(--fg); padding: 1px 8px; }

4
mockup/index.html
View file

@ -9,14 +9,14 @@
</head>
<body>
<header class="cab">
<a class="firma" href="#"><img class="simbolo" src="../docs/marca/simbolo.svg" alt=""><img class="logotipo" src="../docs/marca/logotipo-naranja.svg" alt="Take the Street"></a>
<a class="firma" href="#"><img class="simbolo" src="../docs/marca/simbolo.svg" alt=""><img class="logotipo" src="../docs/marca/logotipo.svg" alt="Take the Street"></a>
<nav class="idiomas"><a href="#" aria-current="page">ES</a><a href="#">EN</a><a href="#">PT</a><a href="#">IT</a><a href="#">FR</a></nav>
</header>
<section class="portada">
<p class="lema">La vivienda es un derecho,<br>no un negocio</p>
<p class="sub">Red internacional de acampadas · 26S</p>
<img class="calle" src="../docs/calle.svg" alt="Una multitud en la calle forma una persona grande con el puño en alto">
<img class="calle" src="../docs/calle.svg" alt="Gente que sale de los portales y avanza hacia la calle">
</section>
<div class="tags"><span>#takethestreet</span><span>#26s</span><span>#acampadaporto</span><span>#generazionesenzacasa</span><span>#11N</span><span>#viviendaya</span></div>