Welcome to Bright Kit

We'll walk you through all the terminology and design elements you'll need to get the most out of this design system.

Copy & Paste

Building a page is super easy! Use the copy button with wireframes or Templates and paste right into your </body> tag.

Folder / File Structure

Once downloaded, unzip the compressed folder and you’ll see something like this:

					
Fabrx Bright Kit/
|--- Design Source/
|--- HTML/
|    |--- css
|    |--- documentation
|    |--- fonts
|    |--- html
|    |--- images
|    |--- js
|    |--- sass
|    |--- src
|--- gulpfile.js
|--- .gitignore
|--- package.json

Style Guide

A quick overview of the typography, colors, and design language used throughout the design system.

Typography

Weights

• Bold
• Medium
• Regular
• Thin

Colors

All colors come in different variations (Fill, Outline and Transparency).