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.
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 |
---|---|---|
Text | #101018 | #e7e7ef |
Background | #fcfcfd | #020203 |
Primary | #5862b6 | #4952a7 |
Secondary | #a1a7de | #21275e |
Accent | #6774d5 | #2a3798 |
No figma, foi criado um protótipo de média fidelidade para um atividade de criação de layouts.