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 | ||
Background | ||
Primary | ||
Secondary | ||
Accent |
No figma, foi criado um protótipo de média fidelidade para um atividade de criação de layouts.