Style Guide

Documentation Site Template

Style Guide Showcase

About This Project

The Style Guide is a template for a documentation website for a brand or project. It displays font styles, color palette, web components, pattern recommendations. It is built with AJAX and PHP and is responsive at all device sizes. If JavaScript is disabled the site works as standard HTML.

View this project on GitHub.

Demonstrated Skills
JavaScript / jQuery
Local Storage
Responsive Design

Responsive Layout

Pixel / REM Conversion

Users can choose between pixels or rem units. This setting applies site-wide and is saved to local storage. The values are calculated on the fly.

Interactive Demo