/artist-portfolio

Página estática para prática de framework CSS, INFOWEB 2021

Primary LanguageCSS

artist-portifolio-header


Sobre

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.


Apresentação

O projeto pode ser acessado em dvanael.github.io/artist-portfolio.

apresentacao-gif


Tecnologias Utilizadas

HTML CSS3 Pico JavaScript Figma


Paleta de Cores

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 #101018 #e7e7ef #e7e7ef
Background #fcfcfd #fcfcfd #020203 #020203
Primary #5862b6 #5862b6 #4952a7 #4952a7
Secondary #a1a7de #a1a7de #21275e #21275e
Accent #6774d5 #6774d5 #2a3798 #2a3798

Prótotipos

No figma, foi criado um protótipo de média fidelidade para um atividade de criação de layouts.

image

image