# Interface tech

- **Família:** design gráfico e editorial
- **Origem:** Sites de produto digital (Linear, Vercel), interfaces escuras com brilho
- **Clima:** preciso, moderno, noturno
- **Situação:** pronto para uso (gerado no catálogo; aprofunde na primeira aula real)

## Quando usar

Tecnologia, dados, IA, produto digital, growth.
Evite: Sala clara com projetor fraco.

## Fontes

- Títulos e texto: Geist Sans (400, 500, 600, 700), Google Fonts, licença livre
- Rótulos: Geist Mono (400, 500), Google Fonts, licença livre

## Paleta

| Papel | Hex |
|---|---|
| Fundo | `#0B0B0F` |
| Superfície (cartões) | `#14141A` |
| Texto | `#EDEDF0` |
| Texto apagado | `#9A9AA6` |
| Linhas | `#2A2A33` |
| Destaque | `#7C5CFF` |
| Destaque como texto | `#A893FF` |

## Composição

- Fundo quase preto com grade sutil
- Cartões com contorno fino e brilho violeta
- Rótulos em monoespaçada
- Números grandes de produto (98,7%, 24/7)

## Movimento

Brilho que pulsa devagar; efeito de pontilhado (dither) em imagens.

## Imagens

Prompt-base (troque [assunto]):

`dark ui hero illustration, [assunto] rendered as glowing violet wireframe, subtle dithering, black background --ar 16:9`

## Referências

- Midlibrary: busque "UI Design" em midlibrary.io