Library
A collection of free resources to learn graphic and web design
![](https://opendesignschool.co.uk/wp-content/uploads/2016/10/Screen-Shot-2016-10-04-at-14.54.57.png)
Type Terms
The animated typographic cheat sheet. If you are new to typography or here to refresh your memory, then Type Terms is the perfect tool for you.
![](https://opendesignschool.co.uk/wp-content/uploads/2015/09/apple-touch-icon-precomposed.png)
Colour Code
colourco.de is an online designer tool, which allows you to easily and intuitively combine colours
![](https://opendesignschool.co.uk/wp-content/uploads/2014/12/type-scale-300x225.jpg)
Type Scale
A visual browser based tool to set the typographical scale with ability to export CSS
![](https://opendesignschool.co.uk/wp-content/uploads/2014/12/pencil-project-300x180.jpg)
Pencil Project
An open-source GUI prototyping tool that's available for ALL platforms.
![](https://opendesignschool.co.uk/wp-content/uploads/2014/12/Screen-Shot-2014-12-04-at-14.44.58-300x214.png)
Font Combinator
This tool has been built to allow previewing of font combinations in a fast, browser-based manner.
![](https://opendesignschool.co.uk/wp-content/uploads/2014/12/Screen-Shot-2014-12-04-at-14.38.17-300x139.png)
Typewonder
Try any google font on any site in seconds!
![](https://opendesignschool.co.uk/wp-content/uploads/2014/12/Screen-Shot-2014-12-04-at-14.28.17-300x117.png)
Gridlover
The tool to establish a typographic system
with modular scale and vertical rhythm.
![](https://opendesignschool.co.uk/wp-content/uploads/2014/12/Screen-Shot-2014-12-02-at-17.05.14-300x211.png)
Wireframe.cc
Free and very minimal wireframing tool inside your browser
![](https://opendesignschool.co.uk/wp-content/uploads/2014/12/illustration_what-300x191.png)
Style Tiles
Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.
![](https://opendesignschool.co.uk/wp-content/uploads/2014/11/9fc7e70d_o-300x177.png)
coolors.co
The super fast colour palettes generator
![](https://opendesignschool.co.uk/wp-content/uploads/2014/04/kooler2-300x180.png)
Adobe Kooler
Create colour schemes with the colour wheel or browse thousands of colour combinations from the Kuler community.