# Feitio

Um design system humanista, feito à mão.

Antes de qualquer cor ou componente, uma ideia: interfaces que mostram o cuidado de quem fez e a vontade de seguir em frente.

[Começar](/pt/dev/comecar/)[Ler o Design](/pt/design/conceito/)

## Três valores

Toda regra do Feitio sai de um deles; quando uma regra não cobre um caso, são eles que decidem.

-   ### Requinte
    
    Cuidado no detalhe que ninguém pediu. Poucos elementos, cada um bem acabado. Se não ajuda, sai.
    
-   ### Processo
    
    As marcas do trabalho ficam à vista quando ajudam a entender: o que mudou, por quê, o que vem depois.
    
-   ### Energia
    
    O laranja é movimento. Aparece onde algo acontece: a ação principal, o que acabou de mudar, o que pede atenção.
    

## Componentes de verdade

Papel, tinta e um laranja raro: cada peça é desenhada para combinar com as outras. Cada uma tem a página dele, com quando usar e o código.

[Ver os 49 componentes](/pt/components/)

## Experimente

A mesma tela, com as escolhas que o Feitio deixa mudar. A letra, o traço, os cantos e os ícones ficam: é por eles que se reconhece o sistema.

## Por onde começar

Quatro áreas, cada uma com a sua navegação.

[**Design**O conceito, os fundamentos, os padrões e a marca: o porquê de cada escolha.](/pt/design/conceito/) [**Desenvolvimento**Instalar, temas e modos, tokens, layout e o que os agentes de IA precisam.](/pt/dev/comecar/) [**Componentes**Cada peça, com quando usar, quando não usar e o código de cada exemplo.](/pt/components/) [**Recursos**Os ícones e as ilustrações desenhados à mão, para buscar e copiar.](/pt/resources/icones/)