Graphic profile for online presence and 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.

Go to the style guide at samwebb.lu.se (log in with your Lucat ID)

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:

Go to the style guide at samwebb.lu.se (log in with your Lucat ID)

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.

Read more about web publishing at Lund 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.

Read more about the University’s procured communications agencies here

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.
  Go to the style guide at samwebb.lu.se (log in with your Lucat ID)

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