Techniques & technicalities

As explained by AJ at @n33co

Spectral by HTML5 UP

The design of this site is based on the Spectral site template. It's free for personal and commercial use under the CCA 3.0 license (

A big, modern, blocky affair with a mobile-style menu, fully responsive styling, and an assortment of pre-styled elements. So, pretty much what you were expecting -- except, of course, for how it's put together, specifically:

- It's built on Skel 3*, a leaner, more modular rewrite of AJ's responsive framework. (* = still in development as of this writing)

- It uses flexbox*, which eliminates all kinds of terrible hacks and clunky layout stopgaps (like CSS grid systems). (* = not supported on IE8/9, but non-flexbox fallbacks are included)

- It uses Sass* a lot more intelligently, thanks in part to several new mixins and functions AJ's been working on (as well as a few by @HugoGiraudel). (* = still entirely optional if you prefer vanilla CSS :)

- A ton of other stuff.

In short, Spectral's the culmination of several new things AJ's working on/trying out, so please, let him know what you think :)

(* = not included)


Font Awesome (

Fryslân Webservices™

jQuery (
html5shiv.js (@afarkas @jdalton @jon_neal @rem)
background-size polyfill (
Misc. Sass functions (@HugoGiraudel)
Skel (