rmcg.dev/projects/FrontendMentor/newbie/blog-preview-card/style-guide.md

435 B

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px (x 812px)
  • Desktop: 1440px (x 960)

Colors

Primary

  • Yellow: hsl(47, 88%, 63%)

Neutral

  • White: hsl(0, 0%, 100%)
  • Grey: hsl(0, 0%, 50%)
  • Black: hsl(0, 0%, 7%)

Typography

Body Copy

  • Font size (paragraph): 16px

Font

  • Family: Figtree
  • Weights: 600, 800