Ruter brand guidelines
Ruter's Norwegian design system details brand positioning, naming conventions, core identity assets, and digital UI components with light and dark mode rules.
The home page of the Ruter design system with navigation links and cards for logo downloads, imagery, and Figma.
The logo guidelines page displaying Ruter's primary mark, clear space rules, contrast examples, and app icon grids.
The digital color documentation showing Ink, Fill, and Tint token usage with side-by-side light and dark mode previews.
The brand positioning page featuring emotional associations and a circular Needscope wheel with the Vennlig segment highlighted.
The naming guidelines page presenting introductory text and pill badges illustrating service and ticket names.
Want a brand center like Ruter’s?
Create your brand center with Freedam ↗Freedam's take
I really appreciate how Ruter grounds its public transit identity across both digital product design and brand strategy. Looking through their guidelines, they break digital colors into clear functional roles like Ink, Fill, and Tint, complete with side-by-side light and dark mode views. At the same time, they devote an entire dedicated section to naming conventions, mapping terms like Trikk, Båt, and Rufusbillett. Seeing app icon construction grids tailored separately for iOS and Android alongside a circular Needscope positioning wheel gives a clear view of how their design system supports everyday Norwegian transit touchpoints.
At a glance
- Sections
- Identitet · Web og App · Merkevare og markedsføring · Navn · Reise og transport · Om Designsystemet
- Downloads
- ZIP
- Tone
- A practical and structured Scandinavian design portal balancing brand strategy with digital product standards.
What I noticed
- The logo specifications detail an exclusion zone of one logo height ('én logohøyde') and a minimum height of 5 mm.1
- The digital color documentation defines functional roles for Ink, Fill, and Tint alongside a side-by-side preview of light and dark modes.2345
- App icon construction rules feature distinct grids for iOS and Android.6
- A dedicated naming section presents terms for services and ticket types, such as Trikk, Buss, Båt, and Rufusbillett.7
- Brand positioning is mapped on a circular Needscope wheel highlighting the 'Vennlig' segment.89
Numbers refer to the screenshots above.
What I could not see
- Could not inspect the full contents of the 'Reise og transport' or 'Om Designsystemet' sections.
- Could not access the linked Figma libraries or verify downloadable logo file packages beyond the favicon zip archive.
Ideas to borrow
Quick answers
Where can favicons be downloaded?
A direct download link for ruter_favicons.zip (48 KB) is provided on the Logo page within the Identitet section.11
What is the minimum clear space for the Ruter logo?
The clear space requirement is defined as one full logo height ('én logohøyde').1
Reviewed on 26 September 2026. Request a correction · I built this