Blazer Design System

A design system tailored for making high-quality products of tremendous value to The Business Journals customers

Documentation website

Blazer Design System documentation screenshot
Principles provide a shared framework for making design decisions.
Blazer Design System documentation screenshot
Developer instructions for using Vue components and importing token variables into SCSS and Javascript.
Blazer Design System documentation screenshot.
Documentation for design system tokens is generated automatically.
Blazer Design System documentation screenshot
Documentation for design system tokens is generated automatically.
Blazer Design System documentation screenshot
Documentation for design system tokens is generated automatically.
Blazer Design System documentation screenshot
Documentation for design system tokens is generated automatically.
Blazer Design System documentation screenshot
All Vue components extend the `Base` component to gain reactive utility classes.
Blazer Design System documentation screenshot
Button component made for a great first component when piloting the system.

Component cut-up workshop

Design and front-end development teams doing a cutout workshop.
Design and front-end development teams doing a cutout workshop.
Design and front-end development teams doing a cutout workshop.
Design and front-end development teams doing a cutout workshop.