Skip to content

Latest commit

 

History

History
36 lines (21 loc) · 872 Bytes

style-guide.md

File metadata and controls

36 lines (21 loc) · 872 Bytes

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

Very Dark Magenta: hsl(300, 43%, 22%) Soft Pink: hsl(333, 80%, 67%)

Neutral

Dark Grayish Magenta: hsl(303, 10%, 53%) Light Grayish Magenta: hsl(300, 24%, 96%) White: hsl(0, 0%, 100%)

Typography

Body Copy

  • Font size: 15px

Font

💎 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.