Marcas · 4 de 4
La antena
PÁGINA SUPERADA · 2026-08-09
La marca de Periodismo2 quedó elegida: es P13, y su geometría ya está corregida.
La marca de la Compañía de Innovación de Santiago, dos anillos concéntricos, montada sobre un mástil: Periodismo2 emite noticias, así que la marca de la casa se vuelve antena. Aquí están las diez variantes, cada una en fondo claro y en fondo oscuro, y a los cuatro tamaños en que se va a usar de verdad.
Aviso sobre las tiras de fondo claro y fondo oscuro. Los dos fondos fijos venían del estilo propio de esta página, que ya no existe: el sitio no redefine ni un token de marca. Las dos tiras de cada variante quedan escritas y rotuladas, pero ahora las dos se dibujan con el tema de la página, así que la comparación se hace cambiando el tema con el botón de la barra, no mirando dos tiras a la vez. Queda anotado como brecha del kit.
Lo que se pidió sobre A02
Tres cambios, todos aplicados en A05 y heredados por A06 a A09.
1. La antena va en gris
Mástil, base y punto emisor en #71717a. Ese gris tiene contraste 4,43 sobre el papel
claro y 4,10 sobre el papel oscuro: son exactamente las mismas cifras que el rojo #dc2626,
así que la antena y el anillo rojo pesan igual en los dos temas y ninguno se adelanta al otro cuando
se cambia de fondo.
2. Los círculos van centrados de verdad
Centro en cx=100 cy=100 sobre lienzo de 200. El mástil entra desde abajo por detrás
de los anillos, de modo que queda cortado por cada frente de onda que cruza.
3. El anillo interior grueso va en rojo
El rojo de Periodismo2, #dc2626. El anillo exterior fino se queda en el color de la
tinta, o sea que se invierte solo entre claro y oscuro.
Cuántos anillos aguanta
Un anillo se lee separado del vecino cuando el hueco entre bordes de trazo mide al menos dos píxeles de pantalla. Con ese umbral, cada variante tiene un piso de tamaño calculable. El lienzo mide 200 unidades, así que a 16 píxeles una unidad son 0,08 píxeles.
| Variante | Anillos | Hueco (u) | 16 px | 32 px | 48 px | 96 px | Mástil (u) | Piso |
|---|---|---|---|---|---|---|---|---|
| Marca CIS canónica r=92 y r=56, sin antena | 2 | 25,00 | 2,00 | 4,00 | 6,00 | 12,00 | sin mástil | 16 |
| A10 2 anillos al 76,1% · mástil recuperado | 2 | 19,02 | 1,52 | 3,04 | 4,57 | 9,13 | 16,0 | 21 |
| A05 2 anillos · la marca CIS al 84,8% + antena | 2 | 21,15 | 1,69 | 3,38 | 5,08 | 10,15 | 7,8 | 19 |
| A06 3 anillos · un frente de onda extra | 3 | 17,80 | 1,42 | 2,85 | 4,27 | 8,54 | 7,8 | 22 |
| A09 3 anillos con atenuación | 3 | 16,25 | 1,30 | 2,60 | 3,90 | 7,80 | 7,8 | 25 |
| A07 4 anillos | 4 | 10,70 | 0,86 | 1,71 | 2,57 | 5,14 | 7,8 | 37 |
| A08 5 anillos | 5 | 7,20 | 0,58 | 1,15 | 1,73 | 3,46 | 7,8 | 56 |
El favicon ya venía justo desde la marca de la casa
La marca CIS canónica, r=92 y r=56 sobre lienzo de 200, deja 25 unidades de hueco, que a 16 píxeles son exactamente 2,00: está dimensionada justo en el piso, sin margen. Hacerle sitio a la base de la antena obliga a bajar la marca al 84,8%, y ese 15% es justo lo que separaba a los anillos del piso. A05 queda con piso de 19 píxeles.
Los anillos extra rompen otra cosa. El trazo fino mide 0,27 píxeles a 16, y el canon ya estaba en 0,32: el anillo exterior es un fantasma gris a tamaño favicon en todas las variantes, canon incluido, y eso no lo causan los anillos nuevos. Lo que sí causan es que se cierren los huecos: con cuatro anillos el hueco baja a 0,86 píxeles y con cinco a 0,58, o sea que los anillos se funden entre sí en un disco lleno. Son dos fallas distintas, y la segunda es la que hay que decidir.
Lo que apareció al rasterizar
Los SVG se rasterizaron con cairosvg a los cuatro tamaños y se leyó la fila central de píxeles. Abajo va esa fila a 16 píxeles sobre fondo claro, en una escala de 0 a 9 donde 9 es papel limpio y 0 es tinta llena. Cada dígito es un píxel real.
| Variante | Fila central a 16 px | Qué muestra |
|---|---|---|
| A05 | 9797499779947979 | Papel limpio en las posiciones 2 y 13: el anillo exterior queda separado del rojo por un píxel entero. |
| A06 | 9797947777497979 | Todavía separa los tres, con dos huecos limpios, pero el anillo del medio queda en 7, casi papel. |
| A07 | 9778747777478879 | Ya no hay ningún 9 entre los anillos exteriores: se fundieron en un borrón gris. |
| A08 | 9777747777477779 | Cuatro sietes seguidos. El anillo exterior desapareció como estructura y quedó una mancha. |
| A09 | 9795947777495979 | Mismos dos huecos limpios que A06, y el anillo del medio en 5 en vez de 7: tiene el doble de tinta. |
Dos cosas que la geometría sola no decía
A09 le gana a A06. Por hueco radial A09 sale peor, 16,25 contra 17,80, y su piso calculado es 25 en vez de 22. En el raster pasa lo contrario: los dos separan igual de bien a 16 píxeles y el anillo del medio de A09 tiene el doble de tinta, porque mide 6,5 unidades y no 3,4. El umbral de dos píxeles mide separación y no mide presencia, y a este tamaño la presencia es lo que decide.
Centrar los círculos le cuesta la antena a A05. Con cy=100 y la base abajo,
del mástil solo quedan 7,8 unidades a la vista bajo el anillo exterior, contra las 30 que se veían en
A02. A 96 píxeles A05 se lee más como diana sobre un pie que como antena. A10 mantiene el centro y
recupera el mástil bajando el radio exterior de 78 a 70: son 16,0 unidades de mástil, el doble, y
cuesta apenas 2 píxeles de piso. Achicar los anillos es una decisión mía y no estaba en el
encargo, así que A05, que respeta el tamaño máximo, se queda como opción viva y no como
descarte.
Las diez variantes
A01 a A04 son las propuestas originales y quedan sin tocar. A05 a A10 son nuevas. Las dos tiras de cada tarjeta llevaban fondo fijo, claro y oscuro; ahora las dos siguen el tema de la página.
A01 · 2 anillos, mástil corto abajo
Fondo claro
Fondo oscuro
Los anillos quedan colgados arriba (cy=78) y el mástil no los toca: se leen como dos objetos pegados, no como una antena.
A02 · 2 anillos, mástil al centro (original)
Fondo claro
Fondo oscuro
La idea correcta, pero los anillos están desplazados a cy=92 y el mástil va en el color de la tinta, que es justo lo que Martín pidió cambiar.
A03 · 3 arcos abiertos hacia arriba
Fondo claro
Fondo oscuro
Lee como wifi y pierde el círculo cerrado, que es la marca de la Compañía; a 16 píxeles los arcos se cortan.
A04 · 2 anillos sobre torre de tres patas
Fondo claro
Fondo oscuro
La torre agrega tres trazos finos más y ninguno sobrevive a 32 píxeles.
A05 · 2 anillos · la marca CIS al 84,8% + antena
cumple lo pedido
Fondo claro
Fondo oscuro
Es A02 con lo que se pidió: centro real en cy=100, mástil y base en gris #71717a, anillo interior grueso en rojo. Conserva la proporción canónica de la marca.
A06 · 3 anillos · un frente de onda extra
Fondo claro
Fondo oscuro
El anillo intermedio se gana moviendo el rojo hacia adentro: se lee como emisión desde 22 píxeles para arriba.
A07 · 4 anillos
Fondo claro
Fondo oscuro
Los huecos caen a 10,7 unidades: por debajo de 37 píxeles los cuatro anillos se funden en un disco gris con un punto rojo.
A08 · 5 anillos
Fondo claro
Fondo oscuro
Los huecos caen a 7,2 unidades. Necesita 56 píxeles para leerse; a 32 y a 16 es una mancha. Sirve solo en formato grande.
A09 · 3 anillos con atenuación
alternativa
Fondo claro
Fondo oscuro
Grosor creciente hacia el centro (3,4 · 6,5 · 15,3). Es la que mejor cuenta la onda que se propaga, y en el raster a 16 píxeles su anillo del medio tiene más tinta que el de A06, que es fino igual que el exterior.
A10 · 2 anillos al 76,1% · mástil recuperado
recomendada fuera de lo pedido
Fondo claro
Fondo oscuro
Misma receta de A05 con los anillos un poco más chicos: el mástil visible bajo el anillo exterior pasa de 7,8 a 16,0 unidades, o sea el doble, y por eso vuelve a leerse como antena y no como diana sobre un pie.
Cómo se ve en la barra
El uso real de esta marca son 28 píxeles junto al wordmark, y 16 píxeles de favicon. A10 arriba y A05 abajo, en los dos fondos.
A10, fondo claro
Periodismo2 Santiago País Opinión
A10, fondo oscuro
Periodismo2 Santiago País Opinión
A05, fondo claro
Periodismo2 Santiago País Opinión
A05, fondo oscuro
Periodismo2 Santiago País Opinión
Qué recomiendo
Una línea por variante. La decisión de fondo es entre dos, y las dos cumplen tus tres cambios: A05 si pesa más conservar la proporción de la marca de la Compañía y el tamaño máximo, A10 si pesa más que el dibujo se lea como antena. A10 es mi preferida y a la vez la única que se sale de lo que pediste, porque achica los anillos.
| Variante | Veredicto |
|---|---|
| A01 | No. Los anillos flotan arriba y el mástil se queda abajo sin tocarlos: son dos dibujos apilados. |
| A02 | Era la idea correcta y queda reemplazada por A05, que es esta misma con los tres cambios pedidos. |
| A03 | No. Los arcos abiertos leen como icono de wifi y tiran abajo el círculo cerrado, que es lo único que hace reconocible a la Compañía. |
| A04 | No. La torre de tres patas suma tres trazos finos que desaparecen antes de los 32 píxeles. |
| A05 | Recomendada si manda el canon. Es exactamente lo que pediste sobre A02, y funciona: piso de 19 píxeles, el más bajo de las diez, y la proporción canónica de la marca intacta al 84,8%, que es el tamaño máximo que cabe dejando sitio a la base. Lo que se le puede reprochar es que al centrar los círculos quedan 7,8 unidades de mástil a la vista y la antena pesa poco. |
| A06 | El tercer anillo cuenta mejor la emisión y cuesta 3 píxeles de piso, de 19 a 22, pero se paga moviendo el rojo hacia adentro y ahí se pierde la proporción del canon. A09 hace lo mismo mejor. |
| A07 | Solo formato grande. Por debajo de 37 píxeles los cuatro anillos se funden y el mástil queda picado en cuatro trocitos que no leen como mástil. |
| A08 | No como marca. Necesita 56 píxeles para siquiera separarse; sirve como ilustración de portada, no como identidad. |
| A09 | La mejor de las de varios anillos. El grosor creciente hacia el centro es lo que mejor dice onda que se propaga, y en el raster aguanta los 16 píxeles mejor que A06 porque su anillo del medio tiene el doble de tinta. |
| A10 | Recomendada si manda la antena, y es la que yo elegiría. Mantiene tus tres cambios, o sea centro en cy=100, mástil gris y anillo interior rojo, pero toca un parámetro que no pediste: baja el radio exterior de 78 a 70, con lo que la marca queda al 76,1% en vez del 84,8%. A cambio el mástil visible pasa de 7,8 a 16,0 unidades y el dibujo vuelve a leerse como antena. El piso sube de 19 a 21 píxeles. Esa rebaja de tamaño es decisión mía, no parte del encargo. |
La elegida
Marca P13, el cuadrado ajustado que comparte margen con las ondas. Nombre entero en su rojo con el .cl añadido, igual que usaia.cl, indieweb.cl y situación.cl: más chico, a menor peso y en el mismo tono, nunca en otro color. Modo oscuro N04, el de bajo contraste.
FINAL · En claro
periodismo2.cl
Santiago País Opinión Cultura
Ondas en gris #a1a1aa, cuadrado y nombre en #dc2626, los
enlaces de la barra en tinta apagada.
FINAL · En oscuro, con N04
periodismo2.cl
Santiago País Opinión Cultura
Tus dos correcciones aplicadas: las ondas suben a #d4d4d8 para que
no se hundan en el fondo, y el texto de los enlaces sube a #c8c6c0. El rojo pasa a
#f87171, que es el mismo tono más claro, no otro color.
ANTES · Lo que se corrigió
periodismo2.cl
Santiago País Opinión Cultura
Así se veía en oscuro con los valores de claro: las ondas grises y los enlaces se hunden contra el fondo, y el rojo queda apagado. Es el problema que señalaste.
Los tres archivos
| Archivo | Ondas | Rojo | Para qué |
|---|---|---|---|
p13-claro.svg | #a1a1aa | #dc2626 | Fondo claro |
p13-oscuro.svg | #d4d4d8 | #f87171 | Fondo oscuro |
p13-hereda.svg | currentColor | #dc2626 | Para inlinear en el chrome: un solo archivo que se adapta solo |
La tercera es la que conviene en producción. Si el SVG va inline en el
marcado en vez de por img, las ondas heredan la tinta del contexto y el mismo archivo sirve en
los dos modos, sin duplicar. Es lo mismo que ya hacen las marcas de la Compañía y del Círculo.
El emisor en la esquina
Tu idea: cuadrado rojo en la esquina inferior izquierda y tres ondas grises saliendo, tomadas del cuadrante superior derecho de los anillos de la Compañía divididos en cuatro. Los arcos van centrados en el emisor y abarcan de las doce a las tres, o sea un cuarto exacto de circunferencia.
Con el cuadrado ajustado a las ondas
Respuesta a tu pregunta: sí comparten margen, y de forma exacta. Si el lado del cuadrado
mide lo mismo que el trazo grueso, su borde izquierdo cae sobre el extremo superior de las ondas y su borde
inferior sobre el extremo derecho. Lo verifiqué: en P13 los dos caen en x=25.
P13 · Cuadrado ajustado
Fondo claro
Fondo oscuro
El lado del cuadrado mide exactamente lo mismo que el trazo grueso, 30. Por eso su borde izquierdo cae en x=25 y el extremo superior de las ondas también: comparten margen al píxel. Lo mismo abajo, con el borde inferior y el extremo derecho.
P14 · Ajustado, proporción de la Compañía
Fondo claro
Fondo oscuro
Igual que P13 con la razón de grosores de los anillos de CIS, cuatro y medio a uno: trazo grueso 36 contra fino 8, y el cuadrado a 36.
P15 · Cuatro ondas ajustadas
Fondo claro
Fondo oscuro
El mismo cuadrado compartido con un frente de onda extra, para ver si aguanta a 16 píxeles.
P16 · Ajustado con la central en rojo
Fondo claro
Fondo oscuro
El cuadrado y la onda gruesa comparten color además de margen.
Sin ajustar, para comparar
P07 · Emisor cuadrado, ondas rectas
Fondo claro
Fondo oscuro
Sin redondeo en los extremos y la onda central gruesa. El corte recto hace que las tres terminen alineadas sobre los ejes del cuadrante.
P08 · Cuadrado más grande
Fondo claro
Fondo oscuro
El rojo pesa más y se sostiene mejor en chico.
P09 · Más aire
Fondo claro
Fondo oscuro
Cuadrado chico y ondas separadas.
P10 · Apoyado en la esquina
Fondo claro
Fondo oscuro
El cuadrado se apoya en el borde del lienzo.
P11 · Contraste suave
Fondo claro
Fondo oscuro
La diferencia de grosor es menor, 14 contra 7.
P12 · La central en rojo
Fondo claro
Fondo oscuro
El rojo aparece dos veces.
Las primeras, con emisor redondo
P01 · Punto redondo, proporciones de CIS
Fondo claro
Fondo oscuro
La primera versión, con emisor redondo y extremos redondeados.
P03 · Señal que se atenúa
Fondo claro
Fondo oscuro
Las ondas se adelgazan al alejarse.
P05 · Con el cuadrante insinuado
Fondo claro
Fondo oscuro
Los dos ejes marcados para que se lea de dónde sale.
El namebrand · combinaciones de color
El nombre entero, sin partición por sílabas, con la marca P13 al lado. Seis repartos de color
entre el logo, el nombre y el número. En oscuro el rojo sube a #f87171 para conservar contraste
sin cambiar de tono.
Aviso sobre estas seis combinaciones. N01 a N06 se distinguían solo por el color del nombre y del número, que venía de atributos de estilo en línea. Sin esa capa, las seis muestras se dibujan iguales y la diferencia queda escrita en el título y en la nota de cada una. Es la brecha más cara de esta migración y está anotada como tal.
N01 · Marca gris, nombre rojo
Fondo claro
periodismo2 Santiago País Opinión
Fondo oscuro
periodismo2 Santiago País Opinión
El logo en gris y el nombre entero en rojo. El nombre manda.
N02 · Todo rojo
Fondo claro
periodismo2 Santiago País Opinión
Fondo oscuro
periodismo2 Santiago País Opinión
Marca y nombre en el mismo rojo. Lo más rotundo y lo más plano.
N03 · Marca roja, nombre en tinta
Fondo claro
periodismo2 Santiago País Opinión
Fondo oscuro
periodismo2 Santiago País Opinión
El logo lleva el color y el nombre queda en tinta. El más sobrio.
N04 · Nombre en tinta, el dos en rojo
Fondo claro
periodismo2 Santiago País Opinión
Fondo oscuro
periodismo2 Santiago País Opinión
Solo el número toma el rojo, como hace hoy el sitio en vivo.
N05 · Marca gris, nombre en tinta
Fondo claro
periodismo2 Santiago País Opinión
Fondo oscuro
periodismo2 Santiago País Opinión
Sin rojo en el lockup. El rojo queda para los acentos de la interfaz.
N06 · Nombre rojo, el dos en tinta
Fondo claro
periodismo2 Santiago País Opinión
Fondo oscuro
periodismo2 Santiago País Opinión
Al revés que N04.
Qué se verificó y qué no. No hay navegador en el servidor, así que esta página nadie la
vio renderizada: la maqueta, las tipografías y el interruptor de tema están sin comprobar. Los
dibujos sí: los diez SVG se rasterizaron con cairosvg a 16, 32, 48 y 96 píxeles y se miraron uno por
uno, y de ahí salieron las dos correcciones del recuadro de más arriba. cairosvg no es el motor de un
navegador, así que el suavizado puede diferir en algún píxel. Los números de las tablas son geometría
sacada de las mismas coordenadas que están en los archivos, y el anidamiento del HTML pasó por
html.parser.
Tres degradaciones que son consecuencia de lo pedido, no errores. La base y el anillo
exterior se tocan por debajo de los 51 píxeles en A05 a A09. El mástil mide 0,56 píxeles a 16, o sea
que a tamaño favicon la antena desaparece en todas las variantes y queda la marca CIS a secas. Y con
los círculos en cy=100 más la base debajo, la tinta queda cargada abajo, así que en una
barra la marca se va a leer un poco baja aunque los círculos estén geométricamente centrados.
Nada aplicado. Los diez SVG viven en /logos/antena/ dentro de tmp. No están en
el repo de estilo ni en periodismo2.cl. Los desc de A01 a A04 vienen sin tildes, de
antes; no los toqué. Los de A05 a A10 sí las llevan.