An elegant, responsive and modular design, with purely semantic markup
(try reading the source code)

Simple

Above all this design strives to be simple, rather than complete. This makes the project quick to understand and use, and also less prone to complex problems.

Read about keeping it simple.

Accessible

The design uses a large font-size and standard colours for high accessibility, and the document sections are semantically marked-up with WAI-ARIA roles for screen-readers.

Read about WAI and ARIA.

Semantic

This page is written using HTML5 semantic elements and WAI-ARIA roles. There is no markup that doesn't have semantic meaning.

Read about creating simple, semantic markup.

Usable

The size of the text, the padding and the length of the lines have been carefully considered for easy readability. The colours and the layout deliberately follow internet conventions.

Read about usability by convention.

Modular

The style elements are modular, meaning that the markup or styling can be added into different pages and still work.

Read about creating modular styling.