Skip to content

Latest commit

 

History

History
37 lines (22 loc) · 917 Bytes

style-guide.md

File metadata and controls

37 lines (22 loc) · 917 Bytes
Raw

Front-end Style Guide

Layout

The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

💡 These are just the design sizes. Ensure content is responsive and meets WCAG requirements by testing the full range of screen sizes from 320px to large screens.

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

💎 Upgrade to Pro for design file access to see all design details and get hands-on experience using a professional workflow with tools like Figma.