Home Corporate UI About Components HTML copy paste JS Frameworks FAQ Contact Us Mobile Apps Overview Documentation Example Contact us Style Guide Home Logotype Icons Colours Typography Comon editors

Email template

The email template enables you to create emails with Scania look and feel like

  • Newsletters
  • Status updates
  • Order approval
  • etc..

The template consist of several section with different code samples. Code samples is marked with HTML comments


<-- H1 Default Headline Start -->

and ended with:

<-- H1 Default Headline End -->

Design your emal step by step

  • Remove parts of the template you don’t want to use.
  • Move the code samples and arrange them in the order you want to use them.
  • Edit the placeholder text and fill out the content.
  • Edit/add links together with the link text that are necessary with the.
  • Run test (https://putsmail.com/ is a useful testing service).

Technical information

Code languages used
  • HTML
  • CSS
Tested Mail applications
  • Outlook
  • Gmail
  • iOS mail
Tested Web browsers
  • Google Chrome
  • Internet Explorer 11
  • Microsoft Edge
  • Mozilla FireFox


Different browsers and mail applications render the template differenty which can result in varaitions in look. For example the use of Scania Fonts wont work in most cases, to compensate for this Arial and Helvetica is used as fallback fonts.

Github Contact