diff --git a/colour-variables.less b/colour-variables.less
new file mode 100644
index 000000000..051240445
--- /dev/null
+++ b/colour-variables.less
@@ -0,0 +1,257 @@
+// Brand colours from simpleicons.org
+
+@color-brand-500px:               #0099E5;
+@color-brand-aboutme:             #044A75;
+@color-brand-air:                 #FF2D55;
+@color-brand-airbnb:              #FF5A5F;
+@color-brand-amazon:              #FF9900;
+@color-brand-americanexpress:     #2E77BC;
+@color-brand-android:             #A4C639;
+@color-brand-appnet:              #3A393C;
+@color-brand-apple:               #999999;
+@color-brand-asana:               #273347;
+@color-brand-automatic:           #7D8084;
+@color-brand-baidu:               #2319DC;
+@color-brand-bandcamp:            #408294;
+@color-brand-basecamp:            #66CC66;
+@color-brand-bathasu:             #00A3E0;
+@color-brand-bebo:                #DE484A;
+@color-brand-behance:             #1769FF;
+@color-brand-bigcartel:           #222222;
+@color-brand-bing:                #008373;
+@color-brand-bitbucket:           #205081;
+@color-brand-bitcoin:             #F7931A;
+@color-brand-bitly:               #EE6123;
+@color-brand-bootstrap:           #563D7C;
+@color-brand-buzzfeed:            #EE3322;
+@color-brand-csswizardry:         #F43059;
+@color-brand-campaignmonitor:     #19A9E5;
+@color-brand-circleci:            #343434;
+@color-brand-coop:                #00A1CC;
+@color-brand-codeschool:          #4CADC0;
+@color-brand-codepen:             #000000;
+@color-brand-codecademy:          #204056;
+@color-brand-coderwall:           #3E8DCC;
+@color-brand-codio:               #4574E0;
+@color-brand-compropago:          #00AAEF;
+@color-brand-conekta:             #414959;
+@color-brand-coursera:            #757575;
+@color-brand-dailymotion:         #0066DC;
+@color-brand-deezer:              #00C7F2;
+@color-brand-delicious:           #3399FF;
+@color-brand-designernews:        #2D72D9;
+@color-brand-deviantart:          #05CC47;
+@color-brand-diaspora:            #000000;
+@color-brand-digg:                #000000;
+@color-brand-digitalocean:        #0080FF;
+@color-brand-discord:             #7289DA;
+@color-brand-disqus:              #2E9FFF;
+@color-brand-draugiemlv:          #FF6600;
+@color-brand-dribbble:            #EA4C89;
+@color-brand-dropbox:             #007EE5;
+@color-brand-drupal:              #0678BE;
+@color-brand-ello:                #000000;
+@color-brand-email:               #808080;
+@color-brand-empirekred:          #72BE50;
+@color-brand-ethereum:            #3C3C3D;
+@color-brand-etsy:                #F45800;
+@color-brand-eventstore:          #5AB552;
+@color-brand-eventbrite:          #F6682F;
+@color-brand-evernote:            #6FB536;
+@color-brand-everplaces:          #FA4B32;
+@color-brand-facebook:            #3B5998;
+@color-brand-feedly:              #6CC655;
+@color-brand-fitbit:              #00B0B9;
+@color-brand-flickr:              #0063DC;
+@color-brand-flipboard:           #E12828;
+@color-brand-foursquare:          #F94877;
+@color-brand-govuk:               #005EA5;
+@color-brand-gauges:              #339966;
+@color-brand-geeklist:            #8CC63F;
+@color-brand-geocaching:          #467126;
+@color-brand-ghost:               #718087;
+@color-brand-git:                 #F14E32;
+@color-brand-github:              #181717;
+@color-brand-gitlab:              #E24329;
+@color-brand-gitter:              #FF0064;
+@color-brand-glassdoor:           #7CB228;
+@color-brand-goldenline:          #FBBF00;
+@color-brand-goodreads:           #663300;
+@color-brand-google:              #4285F4;
+@color-brand-googleanalytics:     #FFC107;
+@color-brand-googledrive:         #4386FC;
+@color-brand-googlehangouts:      #0C9D58;
+@color-brand-googleplay:          #607D8B;
+@color-brand-googleplus:          #DC4E41;
+@color-brand-gratipay:            #663300;
+@color-brand-grav:                #221E1F;
+@color-brand-gravatar:            #1E8CBE;
+@color-brand-gulp:                #DA4648;
+@color-brand-gumtree:             #72EF36;
+@color-brand-html5:               #E34F26;
+@color-brand-hatenabookmark:      #00A4DE;
+@color-brand-heroku:              #430098;
+@color-brand-hipchat:             #205281;
+@color-brand-hootsuite:           #000000;
+@color-brand-houzz:               #7AC142;
+@color-brand-hulu:                #66AA33;
+@color-brand-imdb:                #E6B91E;
+@color-brand-invision:            #FF3366;
+@color-brand-instacart:           #43B02A;
+@color-brand-instagram:           #E4405F;
+@color-brand-instapaper:          #1F1F1F;
+@color-brand-intercom:            #1F8DED;
+@color-brand-jsfiddle:            #4679A4;
+@color-brand-json:                #000000;
+@color-brand-javascript:          #F7DF1E;
+@color-brand-jekyll:              #CC0000;
+@color-brand-jenkins:             #D24939;
+@color-brand-joomla:              #5091CD;
+@color-brand-justgiving:          #AD29B6;
+@color-brand-kaggle:              #20BEFF;
+@color-brand-khanacademy:         #9DB63B;
+@color-brand-kickstarter:         #2BDE73;
+@color-brand-kik:                 #82BC23;
+@color-brand-kirby:               #FF0100;
+@color-brand-klout:               #E44600;
+@color-brand-koding:              #00B057;
+@color-brand-lanyrd:              #3C80CA;
+@color-brand-laravel:             #E74430;
+@color-brand-lastfm:              #D51007;
+@color-brand-launchpad:           #F8C300;
+@color-brand-line:                #00C300;
+@color-brand-linkedin:            #0077B5;
+@color-brand-linuxfoundation:     #009BEE;
+@color-brand-livejournal:         #00B0EA;
+@color-brand-livestream:          #CF202E;
+@color-brand-macys:               #E11A2B;
+@color-brand-magento:             #EE672F;
+@color-brand-mailchimp:           #2C9AB7;
+@color-brand-makerbot:            #FF1E0D;
+@color-brand-mastercard:          #CC0000;
+@color-brand-matternet:           #261C29;
+@color-brand-mediatemple:         #000000;
+@color-brand-medium:              #00AB6B;
+@color-brand-meetup:              #E2373C;
+@color-brand-messenger:           #0084FF;
+@color-brand-microgenetics:       #FF0000;
+@color-brand-microsoft:           #666666;
+@color-brand-microsoftaccess:     #BA141A;
+@color-brand-microsoftexcel:      #217346;
+@color-brand-microsoftonenote:    #80397B;
+@color-brand-microsoftoutlook:    #0072C6;
+@color-brand-microsoftpowerpoint: #D24726;
+@color-brand-microsoftword:       #2B579A;
+@color-brand-minecraft:           #62B74A;
+@color-brand-minutemailer:        #3ABFE6;
+@color-brand-mixcloud:            #314359;
+@color-brand-monkeytie:           #FFC619;
+@color-brand-monogram:            #FDB22A;
+@color-brand-moo:                 #00945E;
+@color-brand-myspace:             #030303;
+@color-brand-netflix:             #E50914;
+@color-brand-nintendo:            #8F8F8F;
+@color-brand-oculus:              #1C1E20;
+@color-brand-odnoklassniki:       #F4731C;
+@color-brand-onedrive:            #094AB2;
+@color-brand-opera:               #FF1B2D;
+@color-brand-overcast:            #FC7E0F;
+@color-brand-patreon:             #E6461A;
+@color-brand-paypal:              #00457C;
+@color-brand-periscope:           #40A4C4;
+@color-brand-pingup:              #00B1AB;
+@color-brand-pinterest:           #BD081C;
+@color-brand-playstation:         #000000;
+@color-brand-playerme:            #C0379A;
+@color-brand-pocket:              #EF3F56;
+@color-brand-podcasts:            #9933CC;
+@color-brand-protoio:             #34A7C1;
+@color-brand-quantopian:          #C50000;
+@color-brand-quora:               #B92B27;
+@color-brand-rss:                 #FFA500;
+@color-brand-raspberrypi:         #C7053D;
+@color-brand-rdio:                #008FD5;
+@color-brand-react:               #00D8FF;
+@color-brand-readthedocs:         #8CA1AF;
+@color-brand-readability:         #990000;
+@color-brand-reddit:              #FF4500;
+@color-brand-reverbnation:        #E43526;
+@color-brand-ruby:                #CC342D;
+@color-brand-runkeeper:           #2DC9D7;
+@color-brand-sass:                #CC6699;
+@color-brand-saucelabs:           #EC4047;
+@color-brand-scribd:              #1A7BBA;
+@color-brand-sega:                #0089CF;
+@color-brand-sellfy:              #21B352;
+@color-brand-sentiayoga:          #4CAF50;
+@color-brand-shopify:             #7AB55C;
+@color-brand-simpleicons:         #111111;
+@color-brand-sinaweibo:           #E6162D;
+@color-brand-sitepoint:           #258AAF;
+@color-brand-skype:               #00AFF0;
+@color-brand-slack:               #56B68B;
+@color-brand-slashdot:            #026664;
+@color-brand-slides:              #E4637C;
+@color-brand-smashingmagazine:    #E85C33;
+@color-brand-snapchat:            #FFFC00;
+@color-brand-songkick:            #F80046;
+@color-brand-soundcloud:          #FF3300;
+@color-brand-speakerdeck:         #339966;
+@color-brand-spotify:             #1ED760;
+@color-brand-spreaker:            #F5C300;
+@color-brand-squarespace:         #000000;
+@color-brand-stackoverflow:       #FE7A16;
+@color-brand-statamic:            #1F3641;
+@color-brand-steam:               #000000;
+@color-brand-stitcher:            #000000;
+@color-brand-storify:             #3A98D9;
+@color-brand-stripe:              #008CDD;
+@color-brand-stubhub:             #003168;
+@color-brand-stumbleupon:         #EB4924;
+@color-brand-styleshare:          #231F20;
+@color-brand-subversion:          #809CC9;
+@color-brand-swarm:               #FBB631;
+@color-brand-ted:                 #E62B1E;
+@color-brand-telegram:            #2CA5E0;
+@color-brand-tesla:               #CC0000;
+@color-brand-tinder:              #FF6B6B;
+@color-brand-topcoder:            #29A8E0;
+@color-brand-trakt:               #ED1C24;
+@color-brand-travisci:            #39A85B;
+@color-brand-treehouse:           #5FCF80;
+@color-brand-trello:              #0079BF;
+@color-brand-tripadvisor:         #589442;
+@color-brand-trulia:              #53B50A;
+@color-brand-tumblr:              #36465D;
+@color-brand-twilio:              #E12127;
+@color-brand-twitch:              #6441A5;
+@color-brand-twitter:             #55ACEE;
+@color-brand-twoo:                #FF7102;
+@color-brand-ubuntu:              #DD4814;
+@color-brand-udacity:             #01B3E3;
+@color-brand-vk:                  #6383A8;
+@color-brand-viadeo:              #F88D2D;
+@color-brand-viber:               #7C529E;
+@color-brand-vimeo:               #1AB7EA;
+@color-brand-vine:                #11B48A;
+@color-brand-virb:                #0093DA;
+@color-brand-visa:                #142787;
+@color-brand-vuejs:               #4FC08D;
+@color-brand-wechat:              #7BB32E;
+@color-brand-whatsapp:            #25D366;
+@color-brand-wikipedia:           #000000;
+@color-brand-windows:             #0072C6;
+@color-brand-wix:                 #FFC233;
+@color-brand-wordpress:           #21759B;
+@color-brand-xbox:                #107C10;
+@color-brand-xero:                #13B5EA;
+@color-brand-xing:                #005A5F;
+@color-brand-yahoo:               #440099;
+@color-brand-yammer:              #0072C6;
+@color-brand-yelp:                #C41200;
+@color-brand-youtube:             #CD201F;
+@color-brand-zapier:              #FF4A00;
+@color-brand-zerply:              #9DBC7A;
+@color-brand-zillow:              #0074E4;
+@color-brand-ebay:                #E53238;
+@color-brand-freecodecamp:        #006600;
\ No newline at end of file
diff --git a/colour-variables.scss b/colour-variables.scss
new file mode 100644
index 000000000..e126cd800
--- /dev/null
+++ b/colour-variables.scss
@@ -0,0 +1,257 @@
+// Brand colours from simpleicons.org
+
+$color-brand-500px:               #0099E5;
+$color-brand-aboutme:             #044A75;
+$color-brand-air:                 #FF2D55;
+$color-brand-airbnb:              #FF5A5F;
+$color-brand-amazon:              #FF9900;
+$color-brand-americanexpress:     #2E77BC;
+$color-brand-android:             #A4C639;
+$color-brand-appnet:              #3A393C;
+$color-brand-apple:               #999999;
+$color-brand-asana:               #273347;
+$color-brand-automatic:           #7D8084;
+$color-brand-baidu:               #2319DC;
+$color-brand-bandcamp:            #408294;
+$color-brand-basecamp:            #66CC66;
+$color-brand-bathasu:             #00A3E0;
+$color-brand-bebo:                #DE484A;
+$color-brand-behance:             #1769FF;
+$color-brand-bigcartel:           #222222;
+$color-brand-bing:                #008373;
+$color-brand-bitbucket:           #205081;
+$color-brand-bitcoin:             #F7931A;
+$color-brand-bitly:               #EE6123;
+$color-brand-bootstrap:           #563D7C;
+$color-brand-buzzfeed:            #EE3322;
+$color-brand-csswizardry:         #F43059;
+$color-brand-campaignmonitor:     #19A9E5;
+$color-brand-circleci:            #343434;
+$color-brand-coop:                #00A1CC;
+$color-brand-codeschool:          #4CADC0;
+$color-brand-codepen:             #000000;
+$color-brand-codecademy:          #204056;
+$color-brand-coderwall:           #3E8DCC;
+$color-brand-codio:               #4574E0;
+$color-brand-compropago:          #00AAEF;
+$color-brand-conekta:             #414959;
+$color-brand-coursera:            #757575;
+$color-brand-dailymotion:         #0066DC;
+$color-brand-deezer:              #00C7F2;
+$color-brand-delicious:           #3399FF;
+$color-brand-designernews:        #2D72D9;
+$color-brand-deviantart:          #05CC47;
+$color-brand-diaspora:            #000000;
+$color-brand-digg:                #000000;
+$color-brand-digitalocean:        #0080FF;
+$color-brand-discord:             #7289DA;
+$color-brand-disqus:              #2E9FFF;
+$color-brand-draugiemlv:          #FF6600;
+$color-brand-dribbble:            #EA4C89;
+$color-brand-dropbox:             #007EE5;
+$color-brand-drupal:              #0678BE;
+$color-brand-ello:                #000000;
+$color-brand-email:               #808080;
+$color-brand-empirekred:          #72BE50;
+$color-brand-ethereum:            #3C3C3D;
+$color-brand-etsy:                #F45800;
+$color-brand-eventstore:          #5AB552;
+$color-brand-eventbrite:          #F6682F;
+$color-brand-evernote:            #6FB536;
+$color-brand-everplaces:          #FA4B32;
+$color-brand-facebook:            #3B5998;
+$color-brand-feedly:              #6CC655;
+$color-brand-fitbit:              #00B0B9;
+$color-brand-flickr:              #0063DC;
+$color-brand-flipboard:           #E12828;
+$color-brand-foursquare:          #F94877;
+$color-brand-govuk:               #005EA5;
+$color-brand-gauges:              #339966;
+$color-brand-geeklist:            #8CC63F;
+$color-brand-geocaching:          #467126;
+$color-brand-ghost:               #718087;
+$color-brand-git:                 #F14E32;
+$color-brand-github:              #181717;
+$color-brand-gitlab:              #E24329;
+$color-brand-gitter:              #FF0064;
+$color-brand-glassdoor:           #7CB228;
+$color-brand-goldenline:          #FBBF00;
+$color-brand-goodreads:           #663300;
+$color-brand-google:              #4285F4;
+$color-brand-googleanalytics:     #FFC107;
+$color-brand-googledrive:         #4386FC;
+$color-brand-googlehangouts:      #0C9D58;
+$color-brand-googleplay:          #607D8B;
+$color-brand-googleplus:          #DC4E41;
+$color-brand-gratipay:            #663300;
+$color-brand-grav:                #221E1F;
+$color-brand-gravatar:            #1E8CBE;
+$color-brand-gulp:                #DA4648;
+$color-brand-gumtree:             #72EF36;
+$color-brand-html5:               #E34F26;
+$color-brand-hatenabookmark:      #00A4DE;
+$color-brand-heroku:              #430098;
+$color-brand-hipchat:             #205281;
+$color-brand-hootsuite:           #000000;
+$color-brand-houzz:               #7AC142;
+$color-brand-hulu:                #66AA33;
+$color-brand-imdb:                #E6B91E;
+$color-brand-invision:            #FF3366;
+$color-brand-instacart:           #43B02A;
+$color-brand-instagram:           #E4405F;
+$color-brand-instapaper:          #1F1F1F;
+$color-brand-intercom:            #1F8DED;
+$color-brand-jsfiddle:            #4679A4;
+$color-brand-json:                #000000;
+$color-brand-javascript:          #F7DF1E;
+$color-brand-jekyll:              #CC0000;
+$color-brand-jenkins:             #D24939;
+$color-brand-joomla:              #5091CD;
+$color-brand-justgiving:          #AD29B6;
+$color-brand-kaggle:              #20BEFF;
+$color-brand-khanacademy:         #9DB63B;
+$color-brand-kickstarter:         #2BDE73;
+$color-brand-kik:                 #82BC23;
+$color-brand-kirby:               #FF0100;
+$color-brand-klout:               #E44600;
+$color-brand-koding:              #00B057;
+$color-brand-lanyrd:              #3C80CA;
+$color-brand-laravel:             #E74430;
+$color-brand-lastfm:              #D51007;
+$color-brand-launchpad:           #F8C300;
+$color-brand-line:                #00C300;
+$color-brand-linkedin:            #0077B5;
+$color-brand-linuxfoundation:     #009BEE;
+$color-brand-livejournal:         #00B0EA;
+$color-brand-livestream:          #CF202E;
+$color-brand-macys:               #E11A2B;
+$color-brand-magento:             #EE672F;
+$color-brand-mailchimp:           #2C9AB7;
+$color-brand-makerbot:            #FF1E0D;
+$color-brand-mastercard:          #CC0000;
+$color-brand-matternet:           #261C29;
+$color-brand-mediatemple:         #000000;
+$color-brand-medium:              #00AB6B;
+$color-brand-meetup:              #E2373C;
+$color-brand-messenger:           #0084FF;
+$color-brand-microgenetics:       #FF0000;
+$color-brand-microsoft:           #666666;
+$color-brand-microsoftaccess:     #BA141A;
+$color-brand-microsoftexcel:      #217346;
+$color-brand-microsoftonenote:    #80397B;
+$color-brand-microsoftoutlook:    #0072C6;
+$color-brand-microsoftpowerpoint: #D24726;
+$color-brand-microsoftword:       #2B579A;
+$color-brand-minecraft:           #62B74A;
+$color-brand-minutemailer:        #3ABFE6;
+$color-brand-mixcloud:            #314359;
+$color-brand-monkeytie:           #FFC619;
+$color-brand-monogram:            #FDB22A;
+$color-brand-moo:                 #00945E;
+$color-brand-myspace:             #030303;
+$color-brand-netflix:             #E50914;
+$color-brand-nintendo:            #8F8F8F;
+$color-brand-oculus:              #1C1E20;
+$color-brand-odnoklassniki:       #F4731C;
+$color-brand-onedrive:            #094AB2;
+$color-brand-opera:               #FF1B2D;
+$color-brand-overcast:            #FC7E0F;
+$color-brand-patreon:             #E6461A;
+$color-brand-paypal:              #00457C;
+$color-brand-periscope:           #40A4C4;
+$color-brand-pingup:              #00B1AB;
+$color-brand-pinterest:           #BD081C;
+$color-brand-playstation:         #000000;
+$color-brand-playerme:            #C0379A;
+$color-brand-pocket:              #EF3F56;
+$color-brand-podcasts:            #9933CC;
+$color-brand-protoio:             #34A7C1;
+$color-brand-quantopian:          #C50000;
+$color-brand-quora:               #B92B27;
+$color-brand-rss:                 #FFA500;
+$color-brand-raspberrypi:         #C7053D;
+$color-brand-rdio:                #008FD5;
+$color-brand-react:               #00D8FF;
+$color-brand-readthedocs:         #8CA1AF;
+$color-brand-readability:         #990000;
+$color-brand-reddit:              #FF4500;
+$color-brand-reverbnation:        #E43526;
+$color-brand-ruby:                #CC342D;
+$color-brand-runkeeper:           #2DC9D7;
+$color-brand-sass:                #CC6699;
+$color-brand-saucelabs:           #EC4047;
+$color-brand-scribd:              #1A7BBA;
+$color-brand-sega:                #0089CF;
+$color-brand-sellfy:              #21B352;
+$color-brand-sentiayoga:          #4CAF50;
+$color-brand-shopify:             #7AB55C;
+$color-brand-simpleicons:         #111111;
+$color-brand-sinaweibo:           #E6162D;
+$color-brand-sitepoint:           #258AAF;
+$color-brand-skype:               #00AFF0;
+$color-brand-slack:               #56B68B;
+$color-brand-slashdot:            #026664;
+$color-brand-slides:              #E4637C;
+$color-brand-smashingmagazine:    #E85C33;
+$color-brand-snapchat:            #FFFC00;
+$color-brand-songkick:            #F80046;
+$color-brand-soundcloud:          #FF3300;
+$color-brand-speakerdeck:         #339966;
+$color-brand-spotify:             #1ED760;
+$color-brand-spreaker:            #F5C300;
+$color-brand-squarespace:         #000000;
+$color-brand-stackoverflow:       #FE7A16;
+$color-brand-statamic:            #1F3641;
+$color-brand-steam:               #000000;
+$color-brand-stitcher:            #000000;
+$color-brand-storify:             #3A98D9;
+$color-brand-stripe:              #008CDD;
+$color-brand-stubhub:             #003168;
+$color-brand-stumbleupon:         #EB4924;
+$color-brand-styleshare:          #231F20;
+$color-brand-subversion:          #809CC9;
+$color-brand-swarm:               #FBB631;
+$color-brand-ted:                 #E62B1E;
+$color-brand-telegram:            #2CA5E0;
+$color-brand-tesla:               #CC0000;
+$color-brand-tinder:              #FF6B6B;
+$color-brand-topcoder:            #29A8E0;
+$color-brand-trakt:               #ED1C24;
+$color-brand-travisci:            #39A85B;
+$color-brand-treehouse:           #5FCF80;
+$color-brand-trello:              #0079BF;
+$color-brand-tripadvisor:         #589442;
+$color-brand-trulia:              #53B50A;
+$color-brand-tumblr:              #36465D;
+$color-brand-twilio:              #E12127;
+$color-brand-twitch:              #6441A5;
+$color-brand-twitter:             #55ACEE;
+$color-brand-twoo:                #FF7102;
+$color-brand-ubuntu:              #DD4814;
+$color-brand-udacity:             #01B3E3;
+$color-brand-vk:                  #6383A8;
+$color-brand-viadeo:              #F88D2D;
+$color-brand-viber:               #7C529E;
+$color-brand-vimeo:               #1AB7EA;
+$color-brand-vine:                #11B48A;
+$color-brand-virb:                #0093DA;
+$color-brand-visa:                #142787;
+$color-brand-vuejs:               #4FC08D;
+$color-brand-wechat:              #7BB32E;
+$color-brand-whatsapp:            #25D366;
+$color-brand-wikipedia:           #000000;
+$color-brand-windows:             #0072C6;
+$color-brand-wix:                 #FFC233;
+$color-brand-wordpress:           #21759B;
+$color-brand-xbox:                #107C10;
+$color-brand-xero:                #13B5EA;
+$color-brand-xing:                #005A5F;
+$color-brand-yahoo:               #440099;
+$color-brand-yammer:              #0072C6;
+$color-brand-yelp:                #C41200;
+$color-brand-youtube:             #CD201F;
+$color-brand-zapier:              #FF4A00;
+$color-brand-zerply:              #9DBC7A;
+$color-brand-zillow:              #0074E4;
+$color-brand-ebay:                #E53238;
+$color-brand-freecodecamp:        #006600;
\ No newline at end of file
diff --git a/src/build.js b/src/build.js
index 3e6e8b285..6711b5ea6 100644
--- a/src/build.js
+++ b/src/build.js
@@ -115,4 +115,60 @@ fs.writeFile("../404.html", htmlOutput, function(err) {
         return console.log(err);
     }
     console.log("The 404.html file was built with " + source.icons.length + " icons!");
+});
+
+var sass = "// Brand colours from simpleicons.org\n";
+var less = "// Brand colours from simpleicons.org\n";
+var maxNameLength = 0;
+
+for (var i = 0; i < source.icons.length; i++) {
+    var fileName = source.icons[i].title.toLowerCase();
+    fileName = fileName.replace(/[!|’|.| |-]/g, ''); // Replace bang, apostrophe, period and space with nothing.
+    fileName = fileName.replace(/[+]/, 'plus'); // Replace the plus symbol with “plus”.
+
+    if (fileName.length > maxNameLength) {
+        maxNameLength = fileName.length;
+    }
+}
+
+// Sort icons alphabetically
+source.icons.sort(function(a, b) {
+    if (a.title < b.title) {
+        return -1;
+    }
+    if (a.title > b.title) {
+        return 1;
+    }
+    // names must be equal
+    return 0;
+});
+
+for (var i = 0; i < source.icons.length; i++) {
+    var fileName = source.icons[i].title.toLowerCase();
+    fileName = fileName.replace(/[!|’|.| |-]/g, ''); // Replace bang, apostrophe, period and space with nothing.
+    fileName = fileName.replace(/[+]/, 'plus'); // Replace the plus symbol with “plus”.
+
+    spacing = "";
+    if (fileName.length < maxNameLength) {
+        spacing = " ".repeat(maxNameLength - fileName.length);
+    }
+
+    sass += "\n$color-brand-" + fileName.toLowerCase() + ": " + spacing + "#" + source.icons[i].hex.toUpperCase() + ";";
+    less += "\n@color-brand-" + fileName.toLowerCase() + ": " + spacing + "#" + source.icons[i].hex.toUpperCase() + ";";
+}
+
+// Generate Sass file with colour variables
+fs.writeFile("../colour-variables.scss", sass, function(err) {
+    if(err) {
+        return console.log(err);
+    }
+    console.log("The Sass file was built");
+});
+
+// Generate Less file with colour variables
+fs.writeFile("../colour-variables.less", less, function(err) {
+    if(err) {
+        return console.log(err);
+    }
+    console.log("The Less file was built");
 });
\ No newline at end of file