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.

Web publishing