Para a prática de CSS e Framework CSS decidi usar o Pico CSS. Um framework minimalista que prioriza sintaxe semântica, personalizando o HTML rapidamente.
Para a prática, reutilizei um projeto de webdesign feito no Figma para criar um portfólio single page. Meu objetivo pessoal é criar uma interface elegante e responsiva.
O projeto pode ser acessado em dvanael.github.io/artist-portfolio.
HTML CSS3 Pico JavaScript Figma
Para me ajudar com a escolha da paleta de cores do website, usei o RealtimeColors criado pela juxtopposed. O RealtimeColors gera um paleta de cores e permite que você visualize uma prévia do website com as cores.
| Cor | Modo Claro | Modo Escuro |
|---|---|---|
| Texto | #101018 #101018 | #e7e7ef #e7e7ef |
| Background | #fcfcfd #fcfcfd | #020203 #020203 |
| Primária | #5862b6 #5862b6 | #4952a7 #4952a7 |
| Secundária | #a1a7de #a1a7de | #21275e #21275e |
| Acentuada | #6774d5 #6774d5 | #2a3798 #2a3798 |
No figma, foi criado um protótipo de média fidelidade para um atividade de criação de layouts.
