Style guide to design institutional websites of the University of Granada

University of Granada | University of Granada Web Office | e- administration

Style guide to design institutional websites of the University of Granada

Descargar versión en PDF


The Web Office has developed a style and good practice manual to:

  • Ensure the existance of hundreds of common elements on institutional websites.
  • Define and standardize the styles used by different types of entities.
  • Make the requirements of navigability and accessibility on our institution's websites known.
  • Establish a minimum set of browsers where websites should be completely visible.
  • Show a short list of good practices to design webs , observe accessibility guidelines and standards, as well as to increase the visibility of the UGR on the Internet.
  • Display models and templates of corporate websites.
  • Point out the importance of observing web standards.
  • Expose the obligation to observe the web accessibility standards.

Minimum requirements to be met by every institutional website of the UGR

  • In order to show an identifying image on the Internet, the University of Granada suggests the following guidelines that must be followed by every institutional website:
1.In a website every page, must show the official corporate image of the University of Granada at a prominent place, preferably at the top of the page (regulation about corporate visual identity in
Including an specific logo on the masthead about the organizational structure responsible for the site (or School, Faculty, Department...) would only be possible if this coexists with the one of the University of Granada Corporate visual indentity of the UGR.
2. The image with the corporate indentity of the University of Granada must always be linked to the main website of the UGR (
3. A display text copyright link must be also shown at the bottom of every website, it must point to the main website of the University of Granada (
It is not allowed to display links, advertising nor provider logos at the bottom of the page or at any relevant place of it. This type of information may only be shown at an specific section of the web, destined for the authorship or the section “About”.
4. All websites must have an item or a menu link calles “Contact”, “Mailbox” or similars Los sitios web deberán disponer un ítem, opción de menú o enlace denominado “Contacto”, “Buzón” o similar and it must be accesible from any page and allow users to contact the manager of the website.
5. All websites must show a link to a page with information about the website's accessibility at the bottom (Real Decreto 1494/2007, de 12 de noviembre).
6. All websites must show a link to the Privacy Policy (see relevant applicable legislation).
7. All websites must meet the standards XHTML + CSS, or higher ones (Real Decreto 1494/2007, de 12 de noviembre).
8. All websites must satisfy the web accesibility priorities No. 1 and 2 (Real Decreto 1494/2007, de 12 de noviembre).
9. All websites must be regularly reviewed and updated in order to be correctly displayed with at least two different browsers (FIrefox, OPera, Safari, Chrome, INternet Explorer).
10. Depending on the type of unit (Centre, Department, etc.) the different pages should look similar to the corresponding site model, as Section 3 of the style guide clarify.
  • These minimum conditions must be satisfied by any institutional web of the UGR and by any website which offers information or services on behalf o

f the University of Granada, like following among others

  • Web principal de la UGR
  • Sitios Web de vicerrectorados y delegaciones del Rector
  • Sitios Web de Secretariados, Servicios, Unidades u otras estructuras orgánicas.
  • Sitios Web de Centros, Escuelas y Facultades
  • Sitios Web de Departamentos e Institutos Universitarios
  • Sitios Web de Grados, Másteres, etc.