# Números

Fonte: /pt-br/ux/style-and-usage/numbers-and-units.md

- Resumo: Separe os milhares, mostre a unidade ao lado de cada valor e ponha os números que as pessoas comparam onde elas olham primeiro.
- Status: Adotada, em 2026-10-02
- Princípios: Máxima intuição, Menos passos
- Superfícies: Tela, Email, Formulário, Documento
- Do inglês de 2026-10-02

## Quando usar

Use em todo número, valor, contagem e preço que uma pessoa lê, seja em um campo, um card, um dashboard ou uma frase.

## Quando não usar

Todo número segue estas regras até que se combine uma exceção.

## Como funciona

### Separe os milhares em todo número

Todo campo de número e de moeda mostra separador de milhar. Use o formato regional quando a ferramenta oferecer, e o formato americano nos outros casos. O separador é formatação do campo. Quando o MCP não consegue configurá-lo, passe a tarefa para quem monta a página.

Passa: 0 números de quatro dígitos ou mais aparecem sem separador.

Troque isto: 1000
Por isto: 1,000

### Mostre a unidade ou o período ao lado de cada valor

Um valor traz o que ele conta ou o período que cobre.

Passa: todo valor mostra a unidade ou o período ao lado, e ainda se lê com o rótulo do campo coberto.

Troque isto: 5000
Por isto: 5,000 / month
Troque isto: 12
Por isto: 12 fl oz

### Diga a que o preço se refere

Um preço mostra a embalagem ou o tamanho que ele paga. Quando os itens são comparados, mostra também o custo por menor unidade.

Passa: todo preço diz a que se refere, e dois preços do mesmo item em embalagens diferentes se comparam sem fazer conta.

Troque isto: $24.00
Por isto: $24.00 per box, $0.50 per fl oz

### Ponha no card os números que as pessoas comparam

Valores, contagens, dias de atraso e percentuais de uma meta ficam no card ou na linha. Eles ganham cor quando passam de um limite. O detalhe também pode mostrá-los.

Passa: a pessoa ordena as linhas pelo número com 0 registros abertos.

Um board de negócios em que as pessoas comparam o tamanho do negócio.

Faça: Amount e Close date em todo card, e um total em cada coluna de etapa.

Não faça: Os cards de projeto do Square mostram o nome e a data, sem valor.
Imagem: /ux/sources/dont-square-projects-board.webp

## Referências

O valor no card vem dos boards de negócios da comparação, que mostram Amount e Close date em cada card e totais em cada coluna de etapa.

Nenhuma fonte externa cobre as outras regras ainda. Elas vêm do retorno do revisor sobre um sistema de pedidos. O revisor pediu separador de milhar em todo lugar ("1,000, not 1000, not 1.000"), a embalagem ao lado de uma contagem ("1 box, and 12 fl oz, versus, just 12") e que todo preço mostrasse a que se refere e o custo "per smallest unit (meaning, all liquid would show like this: $0.50 per fl oz)", isto é, por menor unidade. O revisor também pediu para ver "90% of Par" no card do pedido sem abrir o item. A regra de preço ainda não está na lista de regras da skill de interface.

### Fontes

- [Square projects board](https://mobbin.com/screens/dd50f28f-b9c7-44f2-9454-60ebe953b9ff)