{{> intro}} {{> menu}}

Overview

The front-end toolkit is a highly-modular design system for building web pages. It contains a collection of components and structures that can be assembled into more complex page layouts.

This guide contains real working examples, code snippets, documentation, and style guidelines.

Start by adding the following files to your page:

toolkit.css toolkit.js


Color

Dark
rgb(30,30,30)
Light
rgb(242,242,242)

Red
rgb(201,55,6)
Yellow
rgb(252,207,80)
Blue
rgb(39,102,143)

Typography

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam enim sunt sapiente molestias, sed dicta inventore consectetur beatae asperiores, aliquid laboriosam animi, praesentium repudiandae et, quam saepe sint cupiditate reiciendis.

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6
{{> outro}}