Propuesta estética · agosto de 2026

Bandera izquierda

Que Política Obrera se lea como la tapa de un diario de referencia compuesto hoy —jerarquía por tamaño y por aire, filetes en vez de cajas, todo alineado a bandera izquierda— y que el aparato de organización del partido no sea un anexo del diario sino uno de los tres materiales con que el diario está impreso.

/ Los tres papeles

Es la regla que sostiene todo lo demás. El sitio entero está impreso sobre tres materiales y sólo tres, siempre a sangre completa y nunca como tarjeta flotante. Un lector que cae a mitad de página sabe en qué registro está antes de leer una palabra, y no hace falta un solo chip de color de sección para lograrlo.

Papel blanco · el diario

Portada, secciones, notas. El aire de papel lo dan los filetes y los márgenes, nunca un fondo crema: eso sería pastiche.

Gris papel · el partido

Mesa de corresponsales, agenda, campaña, boletín, sumate. Es el pliego del partido insertado en la edición. Prohibido para notas y para hovers.

Negro · el canal

Todo lo audiovisual, en cualquier pantalla. Donde hay negro hay video. Nada que no sea video usa ese fondo.

/ Paleta

Un solo rojo en dos claridades · cero color por sección
Rojo bandera#E6352B El rojo del logo, promovido a color de marca. Sólo en piezas grandes: el filete de 3px bajo la cabecera, el triángulo de play, el punto de EN VIVO. Nunca en texto menor a 28px.
Rojo tinta#B71D15 El mismo rojo un escalón más oscuro, para todo lo chico: volantas, cargos sindicales, enlaces del cuerpo. Contraste 6,6:1.
Amarillo sumate#FFD200 Una aparición por pantalla, máximo dos en toda la portada, y siempre sobre una acción organizativa concreta. Si aparece en un tercer lugar, el sistema está roto.
Tinta#111111 Titulares, cuerpo, filetes fuertes. Si la portada no se entiende impresa sólo en tinta, el color no la va a salvar.
Tinta media#5A5852 Bajadas, epígrafes, firmas. Gris cálido, nunca azulado. 6,6:1.
Tinta débil#77746C Créditos, contadores, horas. 4,8:1 es el piso: nada más claro lleva texto.
Filete#D6D3CC Todas las líneas de 1px. Es el material con el que se arma la página y reemplaza por completo a la tarjeta con sombra.
Gris papel#EFEDE8 Los módulos de organización, blindados con 64px de aire y filetes de tinta arriba y abajo, para que el pliego se sostenga aunque el tinte no se vea en un celular barato.

En modo oscuro el sistema invierte de forma conservadora —fondo #14140F, pliego #23221D, tinta #F2F0EA, rojo subido a #FF5A4E— y el video deja de distinguirse por el fondo negro para distinguirse por un filete rojo de 3px. Cambiá el tema de tu sistema y esta misma página se recompone.

/ Tres familias, una por papel

Titular · texto · datos
Titular
Newsreader

Serif de noticias contemporánea, contraste alto, ajuste apretado. Da la voz de diario de referencia sin disfraz de facsímil. La itálica queda reservada para Debate y para las citas destacadas.

Texto
Piazzolla

Huerta Tipográfica, Buenos Aires. Serif de x alta y contraste bajo: aguanta pantalla chica y no se parece a nada que use la competencia.

Datos
Archivo

Omnibus-Type, Buenos Aires. Rubros, volantas, cargos, fechas, horas, créditos, botones. Ninguna fecha ni firma entra jamás en la escala del cuerpo.

Dos de las tres están diseñadas en Buenos Aires y son libres. El diario del movimiento obrero argentino compuesto con tipografía argentina libre es un argumento que se puede escribir en el colofón y que ningún competidor puede copiar sin quedar en offside. Las tres juntas pesan menos de 120 KB: menos que una sola de las miniaturas PNG que el sitio sirve hoy.

Nueve escalones de titular

T9 · 64/64

La huelga general

T8 · 52/54

“Aporte solidario”: el gobierno abre la canilla

T7 · 44/46

Rocca desconoce la conciliación obligatoria

T6 · 36/39

La contrarreforma laboral avanza por decreto

T5 · 30/33

SUTEBA Bahía Blanca resuelve parar el 3 y 4

T4 · 26/29

Trump, China… y Argentina

T3 · 22/25

Las paritarias de la UOM

T2 · 19/23

Neumático: asamblea en FATE contra los suspendidos

T1 · 17/21

Ley de Tierras: los gobernadores reclaman su tajada

Del titular de lista al de apertura hay 3,8 veces. Ese salto es la jerarquía. La Izquierda Diario va de 17 a 30 px: por eso su portada, con el triple de notas, se ve más chata.

El escalón lo elige el largo del título

Medí los 16.310 títulos del sitio: mediana 57 caracteres, p90 90, máximo 224. Un tope de 62 caracteres para la apertura dejaría afuera 6.501 notas, cuatro de cada diez. Con ocho notas por día, un sistema que exige reescribir el 40% del archivo se abandona en tres semanas. Así que el escalón baja solo según los caracteres que el título efectivamente tiene, y nunca se recorta ni se le pide al editor que reescriba:

≤ 62 caracteres T9 · 64 px
63 – 80 T8 · 52 px
81 – 100 T7 · 44 px, la bajada absorbe el peso
> 100 T6 · 36 px, sin foto de apertura

Por eso la apertura de la portada de esta propuesta está compuesta en T8 y no en T9: ese titular real tiene 71 caracteres. El contador del gestor queda como aviso para titulares nuevos, nunca como portón.

/ Las cinco señas

Lo que hace reconocible a este diario y a ningún otro
  1. El cargo va arriba del titular. «Delegado · ILVA, San Nicolás» se compone en versalitas condensadas rojo tinta en el lugar de la volanta, no como pie de firma. Ocupa el lugar que en un diario burgués ocupa la agencia de noticias. Resuelve de paso un agujero de datos —sólo 415 de 16.266 notas tienen volanta— y convierte la red de corresponsales en el rasgo tipográfico más repetido del diario. Nadie firma sin lugar: si no hay cargo, va la regional.
  2. La página se arma con líneas. Cero recuadros, cero sombras, cero bordes redondeados. Corondeles verticales en las canaletas, filetes de 1px entre ítems, filetes de 3px abriendo cada piso. La prueba de aceptación es literal: la portada tiene que leerse igual de bien impresa en gris puro. Prensa Obrera repite la misma tarjeta veinte veces y eso es exactamente lo que hace ver pobre a un sitio con mucho material: la caja iguala todo y borra la jerarquía.
  3. El amarillo es una puerta, no una decoración. Aparece una vez por pantalla y siempre sobre una acción organizativa concreta: mandá tu crónica, sumate en tu lugar de trabajo, vení a la charla del jueves. Nunca sobre un «seguinos».
  4. La red se cita, no se embebe. Ni SDK de Meta, ni widgets de Twitter, ni iframes de YouTube crudos. Los posteos se recomponen como cita tipográfica; los videos entran como fachada —miniatura y triángulo rojo— y sólo cargan el reproductor al clic. Las redes de terceros pasan por el taller de composición del diario antes de aparecer en la página.
  5. El titular manda; la foto va debajo. Nunca texto sobre imagen, una sola relación de aspecto (3:2, la nativa del teléfono, así que casi no hay recorte), techo de 720 px para la imagen más grande del sitio, y crédito de fotógrafo bajo cada foto. El material real son fotos de movilización sacadas con celular: el diseño tiene que sostenerse el martes a la noche con material feo, y hay una variante de apertura sin foto para el día que no hay ninguna buena. Va a pasar tres veces por semana.

/ Lo que está roto hoy

Relevado sobre el sitio en vivo, el 16 de agosto

Ninguna estética se sostiene sobre esto. Va antes que el diseño, no después.

44 MBpesa la portada en imágenes. Las miniaturas son PNG a resolución completa, 928 KB de promedio y picos de 2,5 MB. Prensa Obrera sirve las suyas en 2,1 KB.
1,18 MBde JavaScript en cada visita, con 5.959 redirecciones viejas embebidas adentro del paquete.
7 KBdevuelven las páginas de sección, de autor, de revista y de búsqueda: un cascarón vacío, sin una sola noticia en el HTML.
#556cd6sigue siendo el color primario del sitio: el azul del ejemplo de Material-UI, nunca reemplazado. El rojo del logo no gobierna nada.
0encabezados h1 en la portada. Y ninguna de las doce notas destacadas muestra la fecha.
50notas tiene el río, y ahí se termina: no hay paginación ni «ver más». La portada es un callejón sin salida.
2 díasde agujero entre lo destacado y el río. El lector no puede reconstruir qué salió hoy en ningún lado de la portada.
3links muertos publicados ahora mismo: el de Spotify, el canal Altamira Responde —parado desde agosto de 2024— y el banner de la agenda de julio, en agosto. Un link muerto es la señal más barata de partido sin fuerza.

/ Lo que viene después de aprobar el aspecto

La etapa dinámica
Primero

El modelo de datos

Hoy la fecha se guarda sin hora en las 16.310 notas: sin hora no hay diario ni jornada de lucha cubierta hora por hora. Hay que agregar hora, volanta, bajada, crédito de foto y —la pieza política— credencial: cargo, gremio y lugar de trabajo de cada firma. Ese campo es el que hace funcionar la mesa de corresponsales, el índice de gremios y el cuarto filtro del buscador. Va antes de maquetar.

Después

La redacción

Roles reales: corresponsal que manda, editor de sección que corrige, jefe de redacción que aprueba y publica. La portada se arma eligiendo de un kit de bloques con nombre —apertura, el día, mesa de corresponsales, franja TV— sin que nadie toque diseño. El editor ve el contador de caracteres mientras titula.

Y entonces

Lo que hoy no existe

Boletín por mail, RSS, aportes con formulario de verdad y no un JPEG, fichas de autor vivas, dossiers de conflicto que crucen notas y videos en una sola cronología, sección de video propia, y el archivo histórico 1964–2026 —70.340 notas— enganchado al buscador del diario.

Sobre este prototipo. Es un sitio estático de verdad: 451 notas con su texto completo, las secciones filtran, las fichas de autor existen y las fotos son las fotos reales del sitio, bajadas de su propio bucket y recomprimidas a webp en tres tamaños. El archivo histórico —1.918 ejemplares y 70.340 notas desde 1964— vive bajo /archivo/, en el mismo sitio y con la misma barra, que es donde va a estar cuando esto sea un solo despliegue. Lo único figurado es el video: las fichas están, el reproductor no. La tipografía definitiva es Newsreader, Piazzolla y Archivo; acá se ve con las serifas del sistema.

Cómo se rehace. python3 armar.py dentro de propuesta-po/ lee las notas del snapshot y vuelve a escribir el sitio entero. python3 servir.py lo levanta en el 4322 y monta el archivo bajo /archivo/.