Arte · Forma · Função

Design
é intenção por trás de cada detalhe

Design não é sobre como as coisas parecem. É sobre como elas funcionam, comunicam e fazem as pessoas sentirem.

Scroll para explorar
Tipografia Espaçamento Hierarquia Visual Cor & Contraste Grid & Layout Motion Design Design Systems UX Research Prototipagem Acessibilidade Tipografia Espaçamento Hierarquia Visual Cor & Contraste Grid & Layout Motion Design Design Systems UX Research Prototipagem Acessibilidade

— Fundamentos

Os pilares do bom design

01

Clareza

O propósito de um design deve ser imediatamente evidente. Elimine tudo que não comunica.

02

Hierarquia

Guie o olho do usuário. O que é mais importante deve ser mais visível — sempre.

03

Consistência

Padrões criam confiança. Repita elementos visuais de forma intencional e coerente.

04

Espaço

O espaço em branco não é vazio — é respiração. Dê espaço ao conteúdo existir.

05

Contraste

Diferença cria ênfase. Contraste de cor, tamanho e forma define o que importa.

06

Intenção

Cada decisão de design deve ter um motivo. Se não tem razão, não deve existir.

— Paleta

A linguagem das cores

Chama

#FF3C00

Violeta

#7B2FFF

Cyan

#00C2FF

Carvão

#1A1A1A

Névoa

#F5F5F7

— Tipografia

Texto como elemento visual

Display

Design

800 · 64px · -3px

Heading 1

Forma segue função

700 · 40px · -1.5px

Heading 2

Menos é mais, sempre.

600 · 28px · 0px

Body

O texto é a voz do design. Escolha fontes que falem com clareza e personalidade, nunca por mero estilo.

400 · 16px · 1.7lh

Caption

Arte · Conceito · Execução

600 · 12px · +3px

— Palavras de Mestres