• UI/UX Design
  • Front-end
Janai Amitáf Produções
Desenvolvimento de um portfólio web artístico com seus principais trabalhos
Pré-visualização da página inicial do site de Janai Amitáf Produções

Guia de Estilo

Utilizei as principais cores que o artista usa em algumas de suas artes, como a própria logo dele e uma imagem de fumaça roxa e rosa com estrelas, que pode representar o ponto final de uma página. Já a fonte de texto usada foi conforme a preferência do cliente.

Logo e imagem de fumaça roxa e rosa com estrelas usadas como referência para as cores do projeto

Cores

  • Principais

    • #6C0CF2Roxa
    • #F1ACF2Rosa clara
    • #E057F2Rosa neutra
    • #C522F2Rosa escura
    • #F2B705Laranja
  • Neutras

    • #05000CPreta
    • #252228Cinza
    • #FCFAFFBranca
    • #F8F3FFBranca arroxeada

Tipografia

  • Bitter

    Títulos / Textos / Links
  • Desktop

    • H1
      36px / AutoBold
    • H2
      30px / AutoBold
    • H3
      24px / AutoBold
    • P / A
      24px / 36pxRegular / Bold
    • Figcaption
      24px / AutoRegular / Bold
  • Mobile

    • H1
      24px / AutoBold
    • H2
      24px / AutoBold
    • H3
      20px / AutoBold
    • P / A
      20px / 32pxRegular / Bold
    • Figcaption
      20px / AutoRegular / Bold

Prototipação de Tela

  • Pré-visualização da página de projetos do site
  • Pré-visualização da página de serviços do site

Tecnologias Utilizadas

Como o site consiste em um portfólio artístico contendo várias páginas com algumas animações e funcionalidades essenciais, foi necessário utilizar a tríade avançada de Next.js, Tailwind CSS e Typescript.

Logo de cada tecnologia utilizada: Node.js, Tailwind CSS e Typescript

Funcionalidades

  • Menu de informações extras abrível e fechável

  • Menu de navegação horizontal entre páginas

  • Armazenamento de informações sobre os projetos via banco de dados local

Demonstração de Uso