Plus Jakarta Sans
Tipografia
Sistema mono-tipográfico. Uma única família em todos os contextos. Dois pesos: Regular (400) e Semibold (600).
Família
Plus Jakarta Sans
Sem família display ou serif. Não usar Ivy Presto ou qualquer fonte secundária.
Pesos
Aa
Regular 400
Corpo de texto, parágrafos, legendas
Aa
Semibold 600
Títulos, botões, destaques, labels
Semibold é o peso principal. Se uma mensagem funciona em um único peso, usar Semibold. Sem itálicos. Ênfase com peso, nunca com inclinação.
Escala tipográfica
Display
70px / mobile 36pxweight 600tracking -0.03emleading 1.0Ecommerce na Prática
Hero principal, capa de apresentação
H1
58px / mobile 36pxweight 600tracking -0.025emleading 1.05Ecommerce na Prática
Título principal de seção ou LP
H2
42px / mobile 32pxweight 600tracking -0.025emleading 1.1Ecommerce na Prática
Abertura de blocos de conteúdo
H3
30px / mobile 24pxweight 600tracking -0.02emleading 1.2Ecommerce na Prática
Títulos de card, itens, subseções
H4
22px / mobile 20pxweight 600tracking -0.01emleading 1.3Ecommerce na Prática
Cabeçalhos de card, preços, nomes
Lead/Intro
18px / mobile 16pxweight 400leading 1.5Ecommerce na Prática
Primeiro parágrafo após H1 ou H2
Body
16px / mobile 16pxweight 400leading 1.5Ecommerce na Prática
Parágrafos, descrições, interface, botões
Body longo
18px / mobile 16pxweight 400leading 1.5Ecommerce na Prática
Blog, escola, materiais educacionais
Small/UI
12px / mobile 12pxweight 400leading 1.5Ecommerce na Prática
Legendas, metadados, links de nav
Label/Eyebrow
12px / mobile 12pxweight 600tracking +0.10emleading -RÓTULO DE SEÇÃO
Uppercase, rótulos de seção, badges, tags
Configuração
Tracking: -10pt (ou -1%) para textos acima de 18pt. -0.5% abaixo de 18pt.
Word spacing: 120% mínimo, 130% ideal, 150% máximo.
Ligaduras e stylistic sets: desligados.
Itálicos: não utilizados.
All caps: não usar em blocos de texto. Versaletes permitidos para indexação em até 14pt.
Base: 16px = 1rem. Botões e parágrafos de interface sempre em 16px.
Conteúdo educacional longo usa 18px.