Digital applications
The digital design system should be used for all digital applications at Scania. The purpose is to secure a coherent and premium brand and user experience across all of Scania's digital touchpoints.
Digital design
Scania Digital Design System contains a collection of knowledge, design tools and downloadable assets to help designers and developers when creating new digital solutions enabling a better user experience and a more effective workflow.
Take the time to read and educate yourself about Scania Digital Design System and its design principles. When this is done, you will have the correct foundation to start building new digital solutions for Scania.
Websites
Distributor websites
Distributors
Distributor sites are 100% Scania branded. Only Scania brand assets are allowed and only content about Scania (products and services) must be published.
The separated wordmark and symbol is used as the primary source of communication. A Scania wordmark is placed in the upper left corner and Scania symbol in the upper right corner. When scrolling down, the Scania symbol remains in the upper right corner and the wordmark is replaced by the main navigation. The country name is set in Scania Sans Headline Regular. If there are two or more Scania distributors in a country, the country name is replaced by the distributor name.
For a coherent user experience, all Scania distributors must use the Scania ComOn concept (Scania’s global Content Management System) when creating an external Scania website.
There are several advantages with using the Scania ComOn concept, both when it comes to branding and content. Correct branding is always achieved by using Scania brand assets only, from logotype, typography and icons to buttons and grid. It’s also possible to reuse all Scania ComOn specific developed components. Content is available in local language for all products and services. Dealer locator is built in and the site is responsive with mobile first approach.
For any questions regarding Scania online presence and websites, please contact the Scania ComOn support.
Dealer websites
Captive dealers
For a coherent user experience when visiting a captive Scania dealer website, a unified dealer header must be used, as illustrated below. The dealer name (normally “Scania” followed by the district or city name) is written in Scania Sans Headline Regular in the upper left corner.
Scania’s horizontal lock-up logotype is placed in the upper right corner. The lock-up logotype is used to signalise dealer site and to harmonise with websites for independent dealers.
Upon scrolling down the Scania horizontal logotype should prefarably be replaced by the Scania symbol in the upper right corner and the dealer name is replaced by the main navigation.
When it’s not possible to use the ComOn concept, the Scania Digital Design System is recommended to use in order to achieve correct Scania branding, to create a coherent user experience.
Only content about Scania products and services and related offerings may be published on a Scania-branded website (but not content regarding other brands).
Independent dealers
An independent (not Scania-owned) dealer must not use the Scania trademark or logotype as part of its own corporate name or identity. Neither should the name Scania be used as part of the e-mail address, web address or link to the independent dealer’s own website, social media or similar.
For a coherent user experience when visiting a Scania-branded dealer website, a unified dealer header must be used, as illustrated below.
The dealer logotype is placed in the upper left corner. If the dealer does not have or want to promote its own logotype, it is replaced by the dealer name set in Scania Sans Headline Regular. Scania’s horizontal lock-up logotype is placed in the upper right corner. The lock-up logotype is used to signalise dealer site.
Upon scrolling down the Scania horizontal logotype should prefarably be replaced by the Scania symbol in the upper right corner and the dealer logotype is replaced by the main navigation.
Only content about Scania products and services and related offerings may be published on a Scania-branded website (but not content regarding other brands).
For more details on independent dealers and distributors, see the section independent companies.
Examples
For mobile / tablet devices, the dealer name is placed top center and the Scania symbol in the upper right corner. In case of long dealer names, enable responsive resizing of text to fit the box.
Multi-brand websites
Multi-brand distributors and dealers that also publish information about other products and services than Scania on their website should not use Scania's visual identity, but use their own identity and branding. The Scania logotype may only be used to show that the distributor or dealer represents Scania.
Read more on the independent dealer page.
Domain names
A consistent domain convention helps Scania protect its brand identity and provides clarity about the relationship between Scania and other entities using our logotype or brand identity.
Domains are organised by country and language sub-catalogues from top-level-domain.
Examples
https://www.scania.com/se/sv for Sweden-Swedish
https://www.scania.com/fi/sv for Finland-Swedish
https://www.scania.com/fi/fi for Finland-Finnish
Dealers
Captive dealers and workshops may use scania.country as domain. Where this is the case, these domains must be owned by Scania AB and hosted on Scania’s DNS servers as per the decision in Domain Management above.
Example
dealer.scania.country or scania.com/country/language/dealer
Independent dealers and workshops may not use Scania in their domains.
Production units
Example
productionunit.scania.country or scania.com/productionunit/language
Mobile applications
The foundations as well as the component library offered in Scania Digital Design System can be used to create mobile applications.
All components in Scania Digital Design System are designed having responsivity in mind, and can be used in screen sizes, regardless of whether it’s a desktop, a tablet or a mobile application. Some can be used as they are, as is the case with e.g. buttons, checkboxes etc., whereas others are offered in different versions for different breakpoints, as happens for instance with our header component.
Do's and Don'ts
Naming
When naming a new app, please make sure that the following principles are applied.
The name should:
- Be in line with the Scania brand
- Express customer benefit
- Focus on the functionality of the app
- Be descriptive (transparent) - avoid fabricated words
- Follow industry practice
- Be consistent (in context)
- Be kept short and to the core (preferably max 12 characters)
- Sound good – be easy to say
- Be the same worldwide (English)
For centrally developed apps, new app icons and names need to be approved by the Scania Brand and Identity team and Scania Designation Committee respectively. Please contact Scania Identity Helpdesk.
App icon
The app icon is the first impression and identity of the app and shall therefore represent the app’s purpose.
An app icon is unique and exclusive for its app and shall not be used for other purposes or meanings. Hence, for each new app, a new app icon is created. Never use the Scania symbol/logotype as app icon.
The icon style is based on the the same design as for other Scania icons. The complete app icon includes a unique app icon/symbol in Scania White with a background in Scania Blue.
Don'ts
Splash screen
When a splash screen is needed, place the app icon together with the app name in the middle, the Scania symbol in the top and Scania wordmark in the botton, as shown in the example.