Media Portal SS

Media Portal SS

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).

Illustrative example of principles for header

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.

Illustrative example of principles for header

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.

On multi-brand websites the Scania logotype must not be used to brand the site. It can only be used to represent the products offered.

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

Use centre placement of the Scania symbol in the header.
Left or right align the Scania symbol.
Use the Scania wordmark in the footer when scrollable views are required.
Use the Scania wordmark in the header. In applications with a lot of text and when scrollable views are required, the identity is complemented with the Scania wordmark in the footer.

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

Don’t use unapproved colours on background or icon.
Don’t reuse app icons. Each icon is unique for each app.
Use icons of another design.

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.