rmcg.dev/FrontendMentor/newbie/stats-preview-card-component/style-guide.md

733 B

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

Colors

Primary

  • Very dark blue (main background): hsl(233, 47%, 7%)
  • Dark desaturated blue (card background): hsl(244, 38%, 16%)
  • Soft violet (accent): hsl(277, 64%, 61%)

Neutral

  • White (main heading, stats): hsl(0, 0%, 100%)
  • Slightly transparent white (main paragraph): hsla(0, 0%, 100%, 0.75)
  • Slightly transparent white (stat headings): hsla(0, 0%, 100%, 0.6)

Typography

Body Copy

  • Font size: 15px

Font