Skip to content

Latest commit

 

History

History
36 lines (21 loc) · 1.22 KB

style-guide.md

File metadata and controls

36 lines (21 loc) · 1.22 KB

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

Colors

  • White: hsl(0, 0%, 100%)
  • Light pink: hsl(275, 100%, 97%)
  • Grayish purple: hsl(292, 16%, 49%)
  • Dark purple: hsl(292, 42%, 14%)

Typography

Body Copy

  • Font size (paragraphs): 16px

Font

  • Family: Work Sans
  • Weights: 400, 600, 700 (family=Work+Sans:wght@400,600,700)

Where to find everything

Your task is to build out the project to the designs inside the /design folder. You will find both a mobile and a desktop version of the design.

The designs are in JPG static format. Using JPGs will mean that you'll need to use your best judgment for styles such as font-size, padding and margin.

All the required assets for this project are in the /assets folder. The images are already exported for the correct screen size and optimized.

We also include variable and static font files for the required fonts for this project. You can choose to either link to Google Fonts or use the local font files to host the fonts yourself. Note that we've removed the static font files for the font weights that aren't needed for this project.