Skip to content

Latest commit

 

History

History
executable file
·
47 lines (31 loc) · 1.02 KB

style-guide.md

File metadata and controls

executable file
·
47 lines (31 loc) · 1.02 KB

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

Colors

Primary

  • Soft red: hsl(7, 99%, 70%)
  • Yellow: hsl(51, 100%, 49%)
  • Dark desaturated cyan (graphic design text): hsl(167, 40%, 24%)
  • Dark blue (photography text): hsl(198, 62%, 26%)
  • Dark moderate cyan (footer): hsl(168, 34%, 41%)

Neutral

  • Very dark desaturated blue: hsl(212, 27%, 19%)
  • Very dark grayish blue: hsl(213, 9%, 39%)
  • Dark grayish blue: hsl(232, 10%, 55%)
  • Grayish blue: hsl(210, 4%, 67%)
  • White: hsl(0, 0%, 100%)

Typography

Body Copy

  • Font size: 18px

Font

Icons

We provide the required social icons. But, if you prefer, you can use a font icon library. Some suggestions can be found below: