Guia de estilos

Guía de estilos Tyzy App

Layout

La aplicación debe verse para los siguientes dispositivos:

• Mobile: 375px
• Desktop: 1440px

Colores

Principales

• Aquamarine : hsl (169, 38, 47, 99%)
• Salmon : hsl (5, 86, 64, 100%)

Background

• Extra light gray : hsl(0, 0, 99, 100%)

General

• Aquamarine : hsl (169, 38, 47, 99%)
• Salmon : hsl (5, 86, 64, 100%)
• Extra light gray : hsl(0, 0, 99, 100%)
• Mustard : hsl (39, 86, 64, 100%)
• Ligth mustard : hsl (39, 92, 67, 89%)
• Ligth Aquamarine : hsl (169 43 75 100%)
• Ligth Salmon : hsl (5, 80, 76, 100%)

Tipografía

• Google Fonts: Inter (200;300;400;500;600;700;800;900)
• Link: https://fonts.google.com/specimen/Inter

Body Copy

• Font size: 16px

Iconos

• React Icons: https://react-icons.github.io/react-icons/

CSS Frameworks

• React Bootstrap: https://react-bootstrap.github.io/
• Tailwind: https://tailwindcss.com/
• Styled Components: https://styled-components.com/
• CSS