Front-end Style Guide

Layout

The designs were created to the following widths:

Mobile: 375px
Desktop: 1440px

Colors

Primary

Soft Cyan (Full Slider Bar): hsl(174, 77%, 80%)
Strong Cyan (Slider Backround): hsl(174, 86%, 45%)
Light Grayish Red (Discount Background): hsl(14, 92%, 95%)
Light Red (Discount Text): hsl(15, 100%, 70%)
Pale Blue (CTA Text): hsl(226, 100%, 87%)

Neutral

White (Pricing Component Background): hsl (0, 0%, 100%)
Very Pale Blue (Main Background): hsl(230, 100%, 99%)
Light Grayish Blue (Empty Slider Bar): hsl(224, 65%, 95%)
Light Grayish Blue (Toggle Background): hsl(223, 50%, 87%)
Grayish Blue (Text): hsl(225, 20%, 60%)
Dark Desaturated Blue (Text & CTA Background): hsl(227, 35%, 25%)

Typography

Body Copy

Font size (Introductory Paragraph): 15px

Font

Family: Manrope
Weights: 600, 800