Pregazzi
Caso de estudio — 006 · Rosstra

Rosstra

Sistema de diseño para Rosstra, la plataforma de inteligencia política para campañas electorales: de la marca a la interfaz.

Sistema de diseñoBranding & IdentidadWeb & Producto Digital
Rosstra
ClienteRosstra
Año2026
ServiciosBranding & Identidad · Web & Producto Digital

El desafío

Rosstra reúne el territorio, el terreno, la comunicación y los datos de una campaña en un solo lugar, con inteligencia artificial y un tablero en vivo hasta el Día D. Maneja datos sensibles de una elección, así que su identidad tenía que inspirar confianza antes que efectismo: un centro de mando, no un ERP burocrático ni un juguete de startup. De la marca solo existían el logotipo y dos tipografías.

El enfoque

Lo resolvimos en monocromo estricto: una sola rampa de tinta de trece pasos sostiene cada superficie, y el color aparece solo para cuatro señales que hay que reconocer al instante. Libre Baskerville lleva la voz editorial, con titulares, cifras y la doctrina en itálica; Gotham, todo lo que se opera. Esquinas que no pasan de 4 px, filetes antes que sombras, un movimiento rápido y mecánico, y una voz que informa y no vende.

Marca · posicionamiento
Marca · posicionamiento
Marca · la plataforma
Marca · la plataforma
Logotipo · anatomía
Logotipo · anatomía
Logotipo · versiones, firma e ícono
Logotipo · versiones, firma e ícono
Logotipo · resguardo, tamaño mínimo y usos incorrectos
Logotipo · resguardo, tamaño mínimo y usos incorrectos
Color · la rampa de tinta y los temas
Color · la rampa de tinta y los temas
Color · señales
Color · señales
Tipografía · Libre Baskerville y Gotham
Tipografía · Libre Baskerville y Gotham
Tipografía · escala
Tipografía · escala
Tipografía · doctrina y cifras
Tipografía · doctrina y cifras
Fundamentos · retícula, espacio, radios y elevación
Fundamentos · retícula, espacio, radios y elevación
Iconografía
Iconografía
Imagen · dirección de arte
Imagen · dirección de arte
Movimiento
Movimiento
Componentes · acciones
Componentes · acciones
Componentes · formularios
Componentes · formularios
Componentes · avisos
Componentes · avisos
Componentes · datos
Componentes · datos
Voz y tono
Voz y tono
Producto · centro de mando
Producto · centro de mando
Producto · acceso en dos pasos
Producto · acceso en dos pasos
Aplicaciones · landing
Aplicaciones · landing
Aplicaciones · móvil
Aplicaciones · móvil

Los resultados

El resultado es un sistema completo: 24 componentes en React, 168 tokens, dos temas, claro y oscuro, y 52 especímenes que documentan marca, color, tipografía, movimiento y datos. Con ellos se arman el centro de mando, el acceso en dos pasos y la landing de la plataforma.

24Componentes
168Tokens
13Tonos de tinta
2Temas, claro y oscuro