Rosstra
Design system for Rosstra, the political-intelligence platform for electoral campaigns: from the brand to the interface.
The challenge
Rosstra brings a campaign's territory, ground game, communication and data into one place, with artificial intelligence and a live dashboard all the way to election day. It handles an election's sensitive data, so its identity had to earn trust before it tried to impress: a command center, not a bureaucratic ERP or a startup toy. Of the brand there was only the wordmark and two typefaces.
The approach
We solved it in strict monochrome: a single thirteen-step ink ramp carries every surface, and colour appears only for four signals that must be recognised at a glance. Libre Baskerville carries the editorial voice, with headlines, figures and doctrine in italics; Gotham, everything that is operated. Corners that never pass 4 px, hairlines before shadows, motion that is quick and mechanical, and a voice that briefs rather than sells.
The results
The result is a complete system: 24 React components, 168 tokens, light and dark themes, and 52 specimens documenting brand, colour, type, motion and data. They assemble the command center, the two-step sign-in and the platform's landing page.