Graphic profile for online presence and apps
The web 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 format and code base designed for web pages produced on behalf of the University. On this page, you will also find graphic recommendations for mobile applications (apps).
The framework can be found in a style guide. There are also some graphical recommendations for mobile applications, apps – see further down the page.
Templates and graphic design for web pages
Having a common structure for interface and design – common web templates – facilitates navigation for visitors who use the University's various websites and web pages. It also has the function of creating recognition to make it clear that the University is behind the content. Another important reason for having common web templates is to ensure accessibility for visitors with disabilities, so that we comply with the Law on Accessibility to Digital Public Services (European Union Web Accessibility Directive). In web templates, it could be about how to show that something is clickable, for example, or ensuring that colours have a large enough contrast to each other.
The web templates can be found in a style guide where you can see examples of different page types, content components and html code:
Responsibility for web templates
Each unit with its own web publishing system is responsible for implementing the web templates. The web department at Corporate Communications implements the web templates for the university-wide web solutions in Drupal. The web department is also responsible for the day-to-day management and development of the web templates for the entire University.
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.
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.
- Design elements from the style guide for websites can also be used in apps if deemed appropriate.
styleguide.lu.se
Contact
Are you unsure what kinds of templates are available, or do you have questions about how to use the graphic profile online? Send your question to servicedesk [at] lu [dot] se and state "web templates" in the subject line, and someone from the web department at Corporate Communications will contact you.
Contact persons at the faculties for web issues can be found on the Web publishing page.
Contact
Are you unsure what kinds of templates are available, or do you have questions about how to use the graphic profile online? Send your question to servicedesk [at] lu [dot] se and state "web templates" in the subject line, and someone from the web department at Corporate Communications will contact you.
Contact persons at the faculties for web issues can be found on the Web publishing page.
Read more about web publishing