53 Day - Project Tracking Intro Component

Este diseño incluye algunos desafíos interesantes de diseño y código. Perfecto si eres un principiante que está empezando a tener un poco más de confianza con tus diseños.

Frontend Club

Feb 29, 2024

100daysofprojects

TABLE OF CONTENTS

Project Tracking Intro Component

Bienvenido

Requerimientos

Diseño

Envía tu solución

Recursos

Colores

Plantilla

Project Tracking Intro Component

Bienvenido

En líneas generales, el objetivo de este reto es transformar el diseño en código, y hacer que se parezca lo más posible al diseño.

El diseño de este reto es propiedad de Frontend Mentor.

Para realizar este desafío, necesitas conocimientos básicos de HTML, CSS y JavaScript.

Requerimientos

Los usuarios deberían poder:

Ver el diseño óptimo según el tamaño de pantalla del dispositivo.

Ver un estado hover al pasar el mouse sobre los elementos especificados en la página.

¿Quieres apoyo en el desafío? Únete a nuestro canal de Telegram.

Diseño

Pantallas grandes:

Pantallas pequeñas:

Elementos interactivos (hover):

Envía tu solución

Envía tu solución a nuestro grupo de Facebook para que lo vea el resto de la comunidad con el siguiente texto:


Hola Frontend Club👋,

Acabo de completar el reto # como parte del desafío #100DaysOfProjects.

Mi solución:
Página web - https://profile-card.netlify.app/
Repositorio - https://github.com/01-day-profile-card.git

Recursos

Proporcionamos los recursos necesarios para completar el proyecto.

Colores


### Paleta de colores
- Red: hsl(0, 100%, 68%)
- Very Dark Blue: hsl(230, 29%, 20%)
- Dark Grayish Blue: hsl(230, 11%, 40%)
- Grayish Blue: hsl(231, 7%, 65%)
- Light Grayish Blue: hsl(207, 33%, 95%)

### Tipografia
- Fuente: [Barlow](https://fonts.google.com/specimen/Barlow)
- Peso: 400
Headings, Call-to-actions, Navigation
- Fuente: [Barlow Condensed](https://fonts.google.com/specimen/Barlow+Condensed)
- Peso: 400, 700
Body
-Font size: 18px

Plantilla

Puedes utilizar la plantilla base del proyecto para empezar a codificar.

Contenido de texto del diseño.


Product Features Pricing Login 

New Monograph Dashboard
Powerful insights into your team 

Project planning and time tracking for agile teams 

Schedule a demo to see a live preview