Tipografia

O Yampi Prism usa Inter como fonte principal e JetBrains Mono para código.

Fontes

Token	Fonte	Uso
`--font-sans`	Inter	Textos, headings, UI
`--font-mono`	JetBrains Mono	Código, valores técnicos

Setup

Adicione as fontes via Google Fonts:

html

<link  href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap"  rel="stylesheet"/>

Escala Tipográfica

Nível	Tamanho	Peso	Uso
Display	3.75rem (60px)	800	Landing pages, hero
H1	2.25rem (36px)	700	Títulos de página
H2	1.5rem (24px)	600	Seções
H3	1.25rem (20px)	600	Sub-seções
Body	1rem (16px)	400	Texto padrão
Small	0.875rem (14px)	400	Labels, captions
XSmall	0.75rem (12px)	500	Badges, tags

Uso em CSS

css

.titulo {  font-family: var(--font-sans);  font-size: 1.5rem;  font-weight: 600;  letter-spacing: -0.02em;}.codigo {  font-family: var(--font-mono);  font-size: 0.875rem;}

Boas Práticas

Use font-weight: 500 (medium) para labels e botões
Use font-weight: 600 (semibold) para headings
Use letter-spacing: -0.02em em headings grandes para melhor legibilidade
Use line-height: 1.5 para textos longos e 1.25 para headings