GitHub - medledan/Stats_preview_card_component: This is the Stats preview card component frontend Mentor Challenge

medledan / Stats_preview_card_component Public

Notifications You must be signed in to change notification settings
Fork 1
Star 0

This is the Stats preview card component frontend Mentor Challenge

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
css		css
images		images
.gitignore		.gitignore
README		README
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json

Repository files navigation

Stats preview card component challenge hub

# Front-end Style Guide

## Layout

The designs were created to the following widths:

- Mobile: 375px
- Desktop: 1440px

## Colors

### Primary

- Very dark blue (main background): hsl(233, 47%, 7%)
- Dark desaturated blue (card background): hsl(244, 38%, 16%)
- Soft violet (accent): hsl(277, 64%, 61%)

### Neutral

- White (main heading, stats): hsl(0, 0%, 100%)
- Slightly transparent white (main paragraph): hsla(0, 0%, 100%, 0.75)
- Slightly transparent white (stat headings): hsla(0, 0%, 100%, 0.6)

## Typography

### Body Copy

- Font size: 15px

### Font

- Family: [Inter](https://fonts.google.com/specimen/Inter)
- Weights: 400, 700

- Family: [Lexend Deca](https://fonts.google.com/specimen/Lexend+Deca)
- Weights: 400