Graphic profile for online presence and apps
The internet is one of our most important communication channels. In order to communicate in a clear and cohesive manner, it is important to follow the graphic profile in digital channels as well. That is why there are ready-to-use templates with a common structure and form designed for web pages produced on behalf of the University. On this page, you will also find graphic recommendations for mobile applications (apps).
The graphic profile is an important tool in communication work. To support you in your work, the University has a graphics manual with basic rules describing the various building blocks, logotypes, typography, colours, image style and graphic elements.
Templates and graphic design for web pages
Having a common structure and form facilitates navigation on the University’s various web pages and also clearly shows users that the University is behind the content.
SamWeb (the University’s coordinating group for common web issues) has produced a new graphic design for online presence within the graphic profile. This new framework is already being used for different websites such as lusem.lu.se and the Swedish version of lth.se and will be implemented by the Drupal websites in conjunction with the update to Drupal 8. This is expected to take place during 2020.
The new framework is found in a style guide in which you can see examples of different page types, content components and html code:
The HTML templates, which were produced by the coordinating group SamWeb, are available for download from the University’s Image and Media Bank. When you download a template, you get a package including empty template pages, as well as various modules and sample pages. With the help of the index.html page, included in the package, you can easily click around and look at the various parts.
How to use the templates
It is important that you apply the graphic profile to all material produced on behalf of Lund University, printed as well as digital, both within and outside the University. By using the framework in the style guide, you ensure that your web pages follow the established format applied to all websites at the University.
Web templates and publishing tools
Various web publishing tools are used within the University. The websites which are included in the University’s shared web solution in Drupal are automatically adapted to the established design. Organisations which have their own web publishing systems and are therefore responsible for implementing the graphic design are referred to the style guide.
Further information on web coordination and publishing tools within the University is available from the page on Web Publishing.
Consulting external agencies
If you need to create a design which is not included in the existing templates, for example for some kind of campaign site, you can get help from one of the University’s procured communications agencies.
Graphic profile in apps
Apps must always be designed according to Lund University’s graphic profile. It is important that both the overall interface in the app and the app icon follow our graphic guidelines for colours, fonts and image style.
- Lund University’s logotype as an app icon is only recommended for University-wide apps.
- Using only the seal as an app icon, whether whole or cut, is not recommended. According to our graphic profile, the seal is to be used as a stamp of quality; applied on its own as an app icon, it says nothing about the content or its originator.
- The Lund University logotype is to be visible within the app and is to be visible as far as possible as a welcome image when the app is launched.
- Always write out Lunds universitet or Lund University in full as the originator in the app’s presentation text in the App store/Google Play/equivalent, in connection with clear information about which part of the University has produced the app.
Contact the Branding Office at Corporate Communications if you have questions about applying the graphic profile to apps.
Are you unsure what kinds of templates are available, or do you have questions about how to use the graphic profile online?
Your primary contact is your faculty representative in the SamWeb network: