A design system springboard with three distinct levels of fidelity and opinionated code.
Switch branches/tags
Nothing to show
Clone or download
Latest commit 1595c74 Oct 15, 2018

README.md

Saturn V

A design system springboard with three distinct levels of fidelity and opinionated code. This project has recently been completely overhauled and is back in a less stable state. SV is usable but:

⚠️ future releases may include breaking changes ⚠️

Getting started

For a quick cheat sheet guide on using Saturn V, use this temporary reference sheet.

Understanding the three stages of Saturn V

to get started with Saturn V, first choose which level of fidelity you will want to start your project with. Stage-01 includes a series of useful snippets and shortcuts to get to design decisions fast without siloing your choices too strictly. Stage-01 has almost no opinion on what your design aesthetic will look like.

Stage-02 Builds on the tools available on Stage-01 and starts to establish more opinionated design patterns such as buttons and forms. Although Stage-02 starts to establish the start of a design language, the only code that compiles is what you explicitly reference in your own codebase.

Stage-03 is still being developed conceptually but will be the final stage that establishes a class strucuture and more custom styled patterns and components.

Using Saturn V in your project

To start using Saturn V, just import the specific stage you would like to use, eg:

// Stage One
@import 'saturnfive/SV-SI';

// Stage Two
@import 'saturnfive/SV-SII';

// Stage Three
@import 'saturnfive/SV-SIII';