DESIGN SYSTEM · TYPOGRAPHY

Type gives data
a voice.

A tipografia não disputa atenção com o movimento. Ela organiza o quadro, distingue código de narrativa e mantém cada leitura instantânea.

Display para a ideia. Mono para o sinal. Nunca mono em tudo.

01 · DIREÇÕES

Três posturas tipográficas

O conteúdo, as cores e a escala são iguais. Apenas o desenho das letras muda.

STRONG FITA

Signalbecomes proof.

Space Grotesk traz personalidade aos títulos sem pesar. IBM Plex Mono mantém código e medições humanos e precisos.

DISPLAYSpace Grotesk

MONOIBM Plex Mono

CONSERVATIVEB

Signalbecomes proof.

IBM Plex Sans e Mono formam uma família única. A leitura é técnica, calma e extremamente coerente.

DISPLAYIBM Plex Sans

MONOIBM Plex Mono

DIVERGENTC

Signalbecomes proof.

Manrope é compacta e digital. JetBrains Mono enfatiza código, mas introduz uma personalidade mais próxima de IDE.

DISPLAYManrope

MONOJetBrains Mono

02 · SYNTAX

Uma paleta semântica única para YAML, Python e C. A linguagem muda; o significado da cor permanece.

LIVE RELATION · CODE → HARDWARE

CODE

WRITE · 0x38

22.5°C

ciano mostra o sinal ativo
âmbar mostra o valor lido

HARDWARE

03 · ESCALA

Cinco papéis são suficientes. Uma cena não deve usar todos ao mesmo tempo.

DISPLAY64 / 0.95Data flow

SCENE TITLE36 / 1.05Código encontra hardware

BODY18 / 1.55A evidência volta do mundo real.

LABEL13 / 1.00I²C · ADDRESS 0x38

CODE15 / 1.70sensor.read()

Direção atual: SignallocalStorage: typography-choice