rmcg.dev/projects/FrontendMentor/newbie/order-summary-component/style-guide.md

512 B

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

Colors

Primary

  • Pale blue: hsl(225, 100%, 94%)
  • Bright blue: hsl(245, 75%, 52%)

Neutral

  • Very pale blue: hsl(225, 100%, 98%)
  • Desaturated blue: hsl(224, 23%, 55%)
  • Dark blue: hsl(223, 47%, 23%)

Typography

Body Copy

  • Font size (paragraph): 16px

Font