La marca
del mate.
Un mate cilíndrico con bombilla vertical: el símbolo nace del ritual. El wordmark CODE® lo completa — display, robusto, con tracking amplio que respira como una sobremesa.
El mate
se sirve
con marca.
Cuatro encarnaciones, una sola voz: el lockup horizontal, el sello circular, el favicon encapsulado, la portada del podcast. Cada uno responde a un contexto distinto, pero todos parten del mismo símbolo.
El horizontal.
Versión principal — mate + wordmark CODE®. Se usa siempre que haya espacio horizontal suficiente: nav, footer, presentaciones, papelería, redes.
El símbolo va siempre a la izquierda del wordmark, alineado por baseline. La proporción mate:wordmark es fija — escalar el grupo entero, no las partes por separado.
El sello.
Un medallón que orbita el mate. 47 micro-letras en la circunferencia, el mate sólido al centro. El interior de la curva — el “espacio” del mate — respira sobre el fondo para que se lea limpio.
Para avatares, stickers y stamps.
Uso: avatares de redes, stickers, stamps, sello de “hecho con mate”. Nunca por debajo de 72px — las letras del anillo pierden legibilidad.
El encapsulado.
Favicon cuadrado con squircle interior — ideal para browser tabs, app icons, llaveros. El interior siempre claro, el símbolo en patagonia (o en charcoal cuando el contexto lo pide).
El cover art.
Tres variantes para el feed. Todas comparten lockup y proporción — lo que cambia es el mood: amarilla solar para episodios regulares, charcoal-lemon para nocturnos, ivory-rojo para crossover editorial.
01 · Yellow-to-orange
Cover principal. Energía del sol argento. Para todos los episodios regulares.
02 · Charcoal + lemon
Variante nocturna. Episodios especiales, temporada finale, contenido sensible.
03 · Ivory + Wada red
Variante editorial. Crossover con el blog, entrevistas largas, ensayos narrados.
Formato cuadrado 3000×3000 para Spotify, Apple Podcasts y YouTube Music. El logo ocupa el 55% del ancho, centrado. La palabra PODCAST siempre en At Aero 900 con tracking 0.3em.
El wordmark
en seis superficies.
Las únicas combinaciones aprobadas. Cada celda muestra el wordmark sobre un primitivo, con el color del símbolo elegido para máximo contraste. No hay versiones “a medio camino” — o entra una de estas o no entra.
El aire que necesita.
El logo respira. X es la altura total del logo dividida por 2 — esa zona libre se mantiene en todos los lados. En digital, no usar el wordmark por debajo de 80px de ancho; para espacios más chicos, ir al favicon.
Respetar el espacio libre X en todos los lados.
Tres pasos canónicos. Por debajo de 80px, el wordmark se reemplaza por el favicon.
El logo
sobre cada receta.
Cuatro fondos canónicos, cuatro decisiones. El símbolo cambia de color para mantener contraste; el wordmark sigue la misma regla. Cualquier otra combinación pasa por revisión.
Sobre charcoal — la configuración default, máxima jerarquía.
Sobre ivory — documentos, papelería, fondos claros.
Sobre lemon — piezas de alto impacto, campañas.
Sobre patagonia — moods editoriales, podcast, comunidad.
Los archivos.
Lo que descargás.
SVG vectorial para todo. Sin PNGs propietarios, sin EPS legacy. Si necesitás un raster, exportalo desde el SVG en el momento — así nunca queda desactualizado.
| Archivo | Formato | Uso recomendado |
|---|---|---|
| logo-code.svg | SVG vector | Lockup horizontal — web, print, digital |
| logo-circle.svg | SVG vector | Isologo circular — stamps, avatars, stickers |
| favicon.svg | SVG vector | Browser tab, PWA icon, app icon |