search

HeyImMatt / style-guide

0 stars 0 forks source link

Choose color palette and fonts #1

Open HeyImMatt opened 4 years ago

HeyImMatt commented 4 years ago

List of colors needed (current ones below are from what's seen in the article).

$brand-primary: $orange; $orange: #ed5f43;(the color of the logo and main call to action, the most important buttons) $btn-primary-bg: $brand-primary; (the main buttons) $btn-secondary-bg: #a2b2bd; (the color of the second call to action, default buttons) $btn-secondary-bg-hover: #5b6b79; $headings-color: #2b363f; (titles, sub-titles) $body-color: #5b6b79 (paragraphs, ul, ol, li, labels) $light-bg: #edf1f3; $dark-bg: #5b6b79; $input-border-color: #c3ced6; $input-border-color-focus: #90a3b0;

Fonts Title and Headings: Paragraph:

Resources: https://medium.muz.li/how-to-create-a-style-guide-from-scratch-tips-and-tricks-e00f25b423bf

HeyImMatt commented 4 years ago

Settled on Montserrat for Titles and Headings, and Raleway for body text.