On the website, the University of Antwerp speaks in the parent's voice, or speaks as a parent on behalf of a subsidiary via e.g. colour elements on faculty, research and programme pages.
The University of Antwerp's website has been developed in line with the mobile first principle.
Some key website design principles
- User-friendliness and user experience are paramount.
- Simplicity and clarity contribute to a powerful appearance.
- Graphic elements are strongly emphasised.
- Modular: no more fixed templates, but modules that allow you to build a story on a single web page.
- Each component can behave differently depending on the device the visitor is using.
- Typography: the font chosen provides users with tranquillity and security.
- The design takes into account the regulations of Anysurfer, the label for accessible websites. This includes guidelines regarding font size, contrasts and colour use.
Logo
- Somewhere on the page, preferably at the top left, the main UAntwerp logo is shown.
- We prefer to use the Dutch-language logo, unless the tool used is exclusively in English.
- We prefer to use the vectorial .svg file of the logo, as it retains its quality when zoomed in. If that is not technically possible, we use the .png version or the .jpg version. Download the logo packages.
- On a light background, the version with blue letters is used.
- On a dark background, the version with white letters is used.
- We always use the version with the coloured (red) ‘U’, not the negative (white) ‘U’.
Colours
Besides white and black, we use UAntwerp blue (hex code: #002e65) and UAntwerp red (hex code: #ea2c38) as our distinctive colours. The use of other colours is purely functional. Get inspired by our faculty colours.
Text and font
For (web) applications, we use UAntwerp's official house style font: ITC Officina Sans. This font can be implemented by referring to the corresponding stylesheet in the <head> section of the application. For this, you can use this code:
<link rel=”stylesheet” href=”https://use.typekit.net/jam4hxk.css”>
To increase the readability and accessibility of our applications, plain <p> text is preferably displayed at 1rem (16px), in line with the UAntwerp website and the UAntwerp student portal.
URLs
Web applications are hosted on subdomains of uantwerpen.be.
Examples include:
Don't confuse this with shortened urls of uantwerpen.be, such as:
https://www.uantwerpen.be/international
These are quick links to pages on the UAntwerp website and aren't used to host standalone web applications.
Mobile First
(Web) applications aimed at external audiences (prospective students, alumni, parents, etc.) and students are always developed in line with the mobile first principle.
(Web) applications aimed only at staff are preferably developed mobile first. For highly technical/administrative (work-related) tasks, applications may be developed with the intention of using them on a desktop or laptop.