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 is a style guide with a common format and code base designed for web pages produced on behalf of the University.
The style guide documents profile-specific design components and example pages for websites from Lund University. There are also some graphical recommendations for mobile applications, apps – see further down the page.
Style guide
Lund University has common standards for the design of our websites in the form of a style guide. There are a number of reasons for this: It is to be clear that Lund University is the sender. Visitors should be able to recognise our websites and understand how different components work and where to find certain types of information. And, as an organisation, we must be able to ensure that various design elements – such as buttons, fonts and links – are designed so that they comply with the Law on Accessibility to Digital Public Service, for example, with, sufficient contrasts in colours and clarity on what is clickable.
The web department at Corporate Communications implements the university-wide web solution in Drupal. The web department is also responsible for the continuous management and development of the style guide for the entire University. Each unit with its own web publishing system is responsible for implementing the style guide.
Other digital systems with a user interface can also take design components from the style guide, even if it is primarily developed for websites.
Style guide for Lund University – styleguide.lu.se
Consulting external agencies
If you need to create a design which is not included in the existing templates, e.g. a website for a collaborative project between different organisations, 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 design components 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 "Style guide" 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 design components 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 "Style guide" 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
