Introduction

This design styleguide is meant for developers and project managers who will work on systems and interfaces related to University of Copenhagen.

Hence, the purpose of this guide is to demonstrate general design principles as well as the formatting of html elements, in order to maintain a coherent visual identity.

Following these guidelines is important in order to ensure a great user experience across all devices and screen sizes, while maintaining a consistent look and feel.

Design principles

This style guide is based on Bootstrap v3.3.7. All solutions must be created to integrate seamlessly with these design principles:

• Full documentation and source code at GitHub can be found here.
• Page templates for University of Copenhagen can be found here.

• CSS and javaScript: All external solutions must link to the same masters:

  CSS: https://cms.ku.dk/bootstrap/dist/css/bootstrap.min.css

  JavaScript: https://cms.ku.dk/bootstrap/dist/js/bootstrap.min.js

• jQuery is not included by default. Make sure to add jQuery version 3.1.0 minified before bootstrap.min.js.
• HTML must be valid html5 and well-formed.
• Accessibility: Solutions are to apply and observe the rules of accessibility provided by WCAG 2.1 level AA. it is allowed to use WAI-ARIA.