Using the atomic design methodology this style guide breaks down the Storywriter app and website UI into "building blocks".
The basic building blocks of the Storywriter UI. They usually consist of (but are not limited to) form elements, typography and iconography.
Molecules are groups of atoms bonded together. They create lightboxes, forms
Copy is 16px 300 weight with a 25px line-height. 16px 400 weight for the button text (don't forget the button shadow). See CSS (element inspector) for other layout values.Button text Disabled Cancel