59 Day - Chat App CSS Illustration

Chat App CSS Illustration

Bienvenido

Requerimientos

• Ver el diseño responsivo según el tamaño de pantalla del dispositivo.

• Bonus: mostrar el chat con animación al cargar la página.

Diseño

Envía tu solución

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

Colores

🎨Paleta de colores
#Texto
- Pale Violet (sub-heading at the top of the app UI): hsl(276, 100%, 81%)
- Moderate Violet (chat on the left): hsl(276, 55%, 52%)
- Desaturated Dark Violet (chat on the right): hsl(271, 15%, 43%)
- Grayish Blue (placeholder text): hsl(206, 6%, 79%)
- Very Dark Desaturated Violet (main heading): hsl(271, 36%, 24%)
- Dark Grayish Violet (paragraph): hsl(270, 7%, 64%)
#Gradientes
- Light Magenta: hsl(293, 100%, 63%)
- Light Violet: hsl(264, 100%, 61%)

#Secundario
- White: hsl(0, 0%, 100%)
- Light Grayish Violet (app background): hsl(270, 20%, 96%)
- Very Dark Desaturated Violet (submit button background): hsl(271, 36%, 24%)
- Very Light Magenta (radio button outline): hsl(289, 100%, 72%)

✍️Tipografia
- Fuente: [Rubik](https://fonts.google.com/specimen/Rubik)
- Peso: 400, 500, 700
- Font size: 16px

Plantilla

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

• Contenido de texto del diseño.

Samuel Green 
Available to Walk 

That sounds great. I’d be happy with that. 

Could you send over some pictures of your dog, please? 

Here are a few pictures. She’s a happy girl! 

Can you make it? 

She looks so happy! The time we discussed works. How long shall I take her out for? 

30 minute walk $29 
1 hour walk $49 

Type a message… 

Simple booking 

Stay in touch with our dog walkers through the chat interface. This makes it easy to discuss arrangements and make bookings. Once the walk has been completed you can rate your walker and book again all through the chat.

"Yo puedo hacer cosas que tú no puedes, tú puedes hacer cosas que yo no puedo; juntos podemos hacer grandes cosas". — Madre Teresa de Calcuta.