Tipografia

15 estilos tipográficos do Design System TRDR — todos vinculados às variáveis da coleção typography no Figma.

Heading

PreviewFigma StyleTokenTamanhoPesoFamíliaLetter Spacing
Construa com consistência
Typograph/Headings/H-1
text/heading/h1
80px500 (Medium)JetBrains Mono0px
Design System TRDR
Typograph/Headings/H-2
text/heading/h2
56px500 (Medium)JetBrains Mono0px
Tokens e Componentes
Typograph/Headings/H-3
text/heading/h3
46px700 (Bold)JetBrains Mono0px
Visão Geral do Sistema
Typograph/Headings/H-4
text/heading/h4
38px500 (Medium)JetBrains Mono0px
Plataforma de Trading
Typograph/Headings/H-5
text/heading/h5
32px500 (Medium)JetBrains Mono0px
Análise de Mercado
Typograph/Headings/H-6
text/heading/h6
26px500 (Medium)JetBrains Mono0px
Resumo de Posições
Typograph/Headings/H-7
text/heading/h7
22px600 (Semi Bold)Inter0px

Body

PreviewFigma StyleTokenTamanhoPesoFamíliaLetter Spacing
Texto de corpo principal, usado em parágrafos e descrições.
Typograph/Body/B-1
text/body/b1
18px400 (Regular)Inter0px
Texto de corpo médio para conteúdo secundário.
Typograph/Body/B-2
text/body/b2
16px500 (Medium)Inter0px
Texto padrão da interface, labels e metadados.
Typograph/Body/B-3
text/body/b3
14px400 (Regular)Inter0px
Texto auxiliar pequeno, badges e indicadores.
Typograph/Body/B-4
text/body/b4
12px500 (Medium)Inter0.2px
Texto mínimo, tooltips e microcópia.
Typograph/Body/B-5
text/body/b5
10px400 (Regular)Inter0px
Texto auxiliar com espaçamento aumentado.
Typograph/Body/Auxiliar
text/body/auxiliar
12px400 (Regular)Inter2% (PERCENT)

Label

PreviewFigma StyleTokenTamanhoPesoFamíliaLetter Spacing
Label Médio
Typograph/Labels/L-2
text/label/l2
16px600 (Semi Bold)Inter0px
Label Pequeno
Typograph/Labels/L-3
text/label/l3
14px600 (Semi Bold)Inter0px