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

542 B

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

Colors

Primary

  • Soft blue: hsl(215, 51%, 70%)
  • Cyan: hsl(178, 100%, 50%)

Neutral

  • Very dark blue (main BG): hsl(217, 54%, 11%)
  • Very dark blue (card BG): hsl(216, 50%, 16%)
  • Very dark blue (line): hsl(215, 32%, 27%)
  • White: hsl(0, 0%, 100%)

Typography

Body Copy

  • Font size (paragraph): 18px

Font

  • Family: Outfit
  • Weights: 300, 400, 600