Overviews

This UI toolkit is a highly-modular design system for rapid web page development. It contains different materials that can be assembled into more complex page layouts.

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

Usage

Start by adding the following files to your page:

<link rel="stylesheet" href="assets/toolkit/styles/toolkit.css">
<script src="assets/toolkit/scripts/toolkit.js"></script>

Typography

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas impedit officiis aut, eos repellendus blanditiis nobis qui quis numquam porro tenetur quia molestias inventore modi recusandae laborum consequuntur! Inventore, vitae?

Small
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas impedit officiis aut, eos repellendus blanditiis nobis qui quis numquam porro tenetur quia molestias inventore modi recusandae laborum consequuntur! Inventore, vitae?

Large
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas impedit officiis aut, eos repellendus blanditiis nobis qui quis numquam porro tenetur quia molestias inventore modi recusandae laborum consequuntur! Inventore, vitae?

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4