Style Guide

This style guide contains details on all Dundee MakerSpace branding, including colours, logos fonts and more.

Colours

White
#FBFBFB
Grey
#A3A3A3
Dark Grey
#515252
Black
#24201F
Blue
#225C67
Dark Blue
#1F4F5C
Red
#E04848
Green
#40D638
Light Green
#79D281
Orange
#FF702E

Fonts

Body Font Weight 300 Source Sans Pro
Header Font Weight 900 Source Sans Pro
Logo Font Dodge

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, voluptate, commodi quo natus in velit necessitatibus assumenda dolore beatae distinctio incidunt praesentium quam placeat reprehenderit dolorum cum quod eligendi exercitationem perferendis excepturi culpa repudiandae ab a accusamus aut. Vero amet blanditiis laudantium architecto aperiam autem obcaecati nisi praesentium debitis ipsum!

Debitis, eos vero ipsum ad minima odit veritatis similique distinctio consectetur reiciendis. Dolore, tempore omnis aliquid vel ea voluptates nemo odio esse. Cupiditate, iste, optio, beatae amet vel dolorum odit quasi totam possimus suscipit ipsam reiciendis cum tenetur placeat ducimus! Voluptas obcaecati accusantium dolores! Atque reiciendis expedita accusamus eligendi ipsum.

Forms

Logos

Full Size

The full size logo should be used anywhere where there is enough space for it to be clearly legible (at least 60 pixels tall and 400 pixels wide)

SVG

Dundee MakerSpace full svg logo

PNG

Dundee MakerSpace full png logo

Condensed Logo

The condensed logo should be used for smaller spaces. It must be displayed at least 60 pixels square.

SVG

Dundee MakerSpace condensed logo svg

PNG

Dundee MakerSpace condensed logo png

Favicon

The favicon should be used for spaces less than 60 pixels square

PNG

Dundee MakerSpace favicon pnf

Icons

icon-twitter-square
icon-facebook-square
icon-linkedin-square
icon-github-square
icon-twitter
icon-facebook
icon-github
icon-globe
icon-website
icon-pinterest
icon-pinterest-square
icon-google-plus-square
icon-google-plus
icon-linkedin
icon-github-alt
icon-youtube-square
icon-youtube
icon-instagram
icon-apple
icon-windows
icon-linux
icon-trello
icon-th-menu
icon-th-menu-outline
icon-message
icon-location-outline
icon-link-outline
icon-image-outline
icon-mail
icon-cog-outline
icon-tag
icon-pin-outline
icon-pencil
icon-pen
icon-calender-outline
icon-business-card
icon-gift
icon-device-tablet
icon-device-phone
icon-device-laptop
icon-device-desktop
icon-spanner-outline
icon-contacts
icon-phone-outline
icon-tags
icon-plug
icon-credit-card
icon-shopping-cart