Calculadora tipográfica proporção áurea
Comece de um texto de 16 px e cada título cresce pela raiz quadrada da proporção áurea, de modo que o título 5 cai exatamente em 16 vezes phi. Receba legenda, texto e seis títulos com tamanhos que conversam entre si. Grátis no seu navegador.
- Grátis
- Funciona no seu navegador
- Sem cadastro
- Seus dados não saem do seu aparelho
Executar grátis
Exemplo resolvido
- Tamanho base
- 16
- Proporção áurea
- 1,6180339888 px
- Razão de passo
- 1,2720196495
- Corpo
- 16
- Pequeno
- 12,5784220441
A proporção áurea é a constante clássica phi, igual a um mais a raiz quadrada de cinco, tudo sobre dois, cerca de 1.618. Designers usam-na como escala modular para que cada tamanho tipográfico se sinta proporcional ao seguinte em vez de saltar por pixels arbitrários. Dê a esta calculadora de fontes com proporção áurea um tamanho de corpo base positivo e ela devolve a escada completa de títulos de h1 a h6, o próprio corpo, um tamanho de legenda um meio passo abaixo do corpo e uma altura de linha do corpo de base vezes phi. Meios passos usam a raiz quadrada de phi para a escada continuar utilizável em telas e ainda ser geometria pura de proporção áurea.
Como a proporção áurea monta uma escala tipográfica modular
Comece a partir de um único tamanho de corpo base, tipicamente dezesseis pixels ou um rem em kits de UI contemporâneos. A proporção áurea phi define-se exatamente como um mais a raiz quadrada de cinco, dividido por dois. Uma escada de potências inteiras multiplica por phi a cada passo, o que salta demais para seis níveis de título em uma tela de leitura normal; por isso este calculador usa o meio passo igual à raiz quadrada de phi, cerca de 1.272.
O corpo permanece em base vezes step elevado a zero. O título de nível seis é base vezes step à primeira potência, o de nível cinco é base vezes step ao quadrado, exatamente base vezes phi, e assim até o título um em base vezes step à sexta potência. Um meio passo abaixo do corpo é o tamanho small ou de legenda em base dividido por step.
A altura de linha do corpo costuma ficar perto de base vezes phi porque esse ritmo vertical ecoa a mesma razão usada na horizontal em layouts clássicos. Uma base não positiva é rejeitada porque tamanho de fonte zero ou negativo não é origem modular válida e colapsaria ou inverteria a escala. A unit opcional é só um rótulo como px, rem, em ou pt; os números não são convertidos entre unidades absolutas, o que mantém a matemática honesta e determinística para tokens de design colados em propriedades customizadas CSS.
Onde calculadoras de fonte com proporção áurea aparecem no trabalho real
Sistemas de design de produto precisam constantemente de uma rampa tipográfica coerente para que landing pages de marketing, ajustes do app e centrais de ajuda pareçam uma família; um oráculo confiável que devolve cada título ao lado do corpo e do texto small acelera a autoria de tokens no handoff do Figma e em variáveis CSS. Plataformas de blog e sites de documentação atribuem escalas modulares quando editores escolhem um tamanho raiz por acessibilidade e precisam de títulos que ainda dominem sem sopa de pixels manual.
Guias de marca e migrações de impresso para web reutilizam escadas de proporção áurea para que cartazes, PDFs e sites responsivos compartilhem hierarquia proporcional mesmo quando a unidade absoluta muda de pontos para rem. Autores de currículo de design visual apresentam a proporção áurea com calculadoras ao vivo para alunos verem como phi vira valores rem concretos e não só um diagrama de retângulo.
Se depois precisar de paletas de cor, grades de espaçamento alheias à tipografia, calculadoras fluidas de clamp() ou alinhamento óptico de margens, trate isso como intenções de busca e landings separados em vez de sobrecarregar esta página de calculadora de tamanhos com proporção áurea.
Casos de uso
Tokens tipográficos de design system
Gere valores h1–h6, body, small e altura de linha a partir de um tamanho base para que variáveis CSS e estilos de texto do Figma fiquem em uma escala modular áurea.
Guias de estilo de blogs e docs
Escolha um tamanho de corpo legível por acessibilidade e derive títulos proporcionais para artigos longos sem saltos arbitrários de pixels.
Perguntas frequentes
O que é uma escala de tamanho de fonte com proporção áurea?
É uma escala tipográfica modular em que os tamanhos se relacionam pela proporção áurea φ ≈ 1.618 (ou meios passos √φ). A partir de um tamanho de corpo base você multiplica por potências sucessivas do step ratio para obter h6 até h1.
Quais campos são obrigatórios?
base (tamanho de fonte do corpo) é obrigatório e deve ser finito e estritamente positivo. unit é opcional e o padrão é px; rotula tamanhos e não converte entre unidades.
O que acontece se o tamanho base for zero ou negativo?
Uma base não positiva não é origem válida para uma escala tipográfica modular e é rejeitada em vez de inventar tamanhos.
Quanto custa?
A ferramenta do navegador é gratuita e roda localmente.
Por que a escala usa a raiz quadrada de phi e não o próprio phi?
Multiplicar por phi a cada passo pula demais para seis níveis de título em uma tela de leitura comum. O meio passo mantém os tamanhos ligados, e o título 5 continua caindo exatamente na base vezes phi.
Ferramentas relacionadas
Para desenvolvedores — acesso via API
Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.
Endpoint
Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.
Chame do seu código
curl -X POST https://api.kit.forhosting.com/hobby/golden-ratio-type \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"base":16}'const res = await fetch("https://api.kit.forhosting.com/hobby/golden-ratio-type", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"base": 16
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/hobby/golden-ratio-type",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"base": 16
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/hobby/golden-ratio-type", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"base":16}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"base":16}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/hobby/golden-ratio-type", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Exemplo de requisição
{
"base": 16
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "hobby.golden_ratio_type",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.
Preço
Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.
Erros
| HTTP | Código | O que significa |
|---|---|---|
401 | unauthorized | Token ausente ou inválido. Confira o header Authorization. |
402 | insufficient_balance | Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo. |
404 | unknown_type | Esse tipo de tarefa não existe. Confira o campo type no catálogo. |
429 | rate_limited | Muitas requisições em pouco tempo. Espere um instante e tente de novo. |
Notas técnicas
Bases zero, negativas, ausentes, NaN e Infinity falham com invalid_input claro para que uma escala quebrada nunca chegue ao CSS.
Como a proporção áurea monta uma escala tipográfica modular
O pipeline é aritmética de ponto flutuante pura, sem rede, sementes aleatórias nem carimbos de relógio, de modo que a mesma base e unidade sempre produzem o mesmo JSON.
O que você envia e o que recebe de volta
Envie base como número finito positivo para o tamanho de fonte do corpo. Opcionalmente envie unit como rótulo curto como px ou rem; o padrão é px e só anota rótulos, nunca converte magnitudes. Checagens clássicas: base dezesseis pixels rende body dezesseis, h5 igual a dezesseis vezes phi, e h1 igual a dezesseis vezes step à sexta; base um rem para design systems relativos à raiz; e base dezoito para corpos editoriais um pouco maiores. Aliases incluem base_size, font_size, size, body, body_size e base_font. Base ausente, strings não numéricas, NaN, Infinity, zero e negativos falham com invalid_input e não são cobrados. Em sucesso a resposta ecoa base e unit limpos, as constantes exatas golden_ratio e step_ratio, tamanhos body e small, um objeto headings com h1 a h6, campos planos h1 a h6 para clientes simples, line_height e line_height_ratio, um array scale de linhas papel tamanho expoente e rótulo de h1 até small, rótulos legíveis para cada papel, mais texto formula e method golden_ratio_type para testes afirmarem o algoritmo. O preço de chamadas API bem-sucedidas é a base publicada de US$ 0,002 por item; falhas de validação não consomem saldo pré-pago.
Onde calculadoras de fonte com proporção áurea aparecem no trabalho real
Engenheiros front-end que escrevem pacotes de tema querem JSON determinístico que possam capturar em CI em vez de julgar a olho capturas do navegador para cada base. Como esta capacidade é um motor parse puro, o preço da API é a base publicada de US$ 0,002 por item bem-sucedido e validação falha não consome saldo.
Casos de integração
Pacotes de tema e fixtures de CI
Produza em massa rampas tipográficas determinísticas para várias bases e capture o JSON em testes de regressão antes de publicar um tema.
Perguntas técnicas
Como h1–h6 se relacionam com a base?
Com step = √φ, o título h_k vale base × step^(7−k). Assim h6 fica um meio passo acima do corpo, h5 é base × φ e h1 fica seis meios passos acima do corpo.