Calcolatore tipi sezione aurea
Parta da un testo di 16 px e ogni titolo cresce secondo la radice quadrata della sezione aurea, così il titolo 5 cade esattamente su 16 per phi. Ottenga didascalia, testo e sei titoli dalle misure armoniche. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Misura base
- 16
- Sezione aurea
- 1,6180339888 px
- Rapporto di passo
- 1,2720196495
- Corpo
- 16
- Piccolo
- 12,5784220441
La sezione aurea è la costante classica phi uguale a uno più la radice quadrata di cinque, il tutto diviso per due, circa 1.618. I designer la usano come scala modulare così ogni corpo tipografico resta proporzionale al successivo invece di saltare di pixel arbitrari. Fornisca a questo calcolatore di font con sezione aurea un corpo base positivo e riceverà la scala completa dei titoli da h1 a h6, il corpo stesso, una misura di didascalia un mezzo passo sotto il corpo e un'interlinea del corpo pari a base per phi. I mezzi passi usano la radice quadrata di phi così la scala resta utilizzabile sugli schermi pur restando geometria pura di sezione aurea.
Come la sezione aurea costruisce una scala tipografica modulare
Parta da un unico corpo base, tipicamente sedici pixel o un rem nei kit UI contemporanei. La sezione aurea phi si definisce esattamente come uno più la radice quadrata di cinque, diviso per due. Una scala di potenze intere moltiplica per phi a ogni passo, saltando troppo per sei livelli di titolo su uno schermo di lettura normale; perciò questo calcolatore usa il mezzo passo uguale alla radice quadrata di phi, circa 1.272.
Il corpo resta a base per step elevato a zero. Il titolo di livello sei è base per step alla prima potenza, il cinque è base per step al quadrato, esattamente base per phi, e così via fino al titolo uno a base per step alla sesta potenza. Un mezzo passo sotto il corpo è la misura small o didascalia a base diviso step.
L'interlinea del corpo si fissa spesso vicino a base per phi perché quel ritmo verticale riecheggia lo stesso rapporto usato in orizzontale nei layout classici. Una base non positiva è rifiutata perché un corpo zero o negativo non è un'origine modulare valida e collasserebbe o invertirebbe la scala. L'unit opzionale è solo un'etichetta come px, rem, em o pt; i numeri non sono convertiti tra unità assolute, così la matematica resta onesta e deterministica per design token da incollare nelle proprietà CSS personalizzate.
Dove compaiono i calcolatori di font a sezione aurea
I design system di prodotto hanno costantemente bisogno di una rampa tipografica coerente così landing di marketing, impostazioni dell'app e help center sembrano una sola famiglia; un oracolo affidabile che restituisce ogni titolo accanto a corpo e small accelera l'authoring dei token nel handoff Figma e nelle variabili CSS. Piattaforme di blog e siti di documentazione assegnano scale modulari quando gli editor scelgono una misura root per accessibilità e servono titoli che dominino ancora senza zuppa di pixel a mano.
Linee guida di brand e migrazioni da stampa al web riutilizzano scale a sezione aurea così poster, PDF e siti responsive condividono gerarchia proporzionale anche quando l'unità assoluta passa da punti a rem. Gli autori di corsi di design visuale introducono la sezione aurea con calcolatori live così gli studenti vedono come phi diventa valori rem concreti e non solo un diagramma di rettangolo.
Se in seguito le servono palette colore, griglie di spacing non tipografiche, calcolatori fluidi clamp() o allineamento ottico dei margini, le tratti come intenzioni di ricerca e landing separate invece di sovraccaricare questa pagina del calcolatore di font a sezione aurea.
Casi d'uso
Token tipografici di design system
Generi valori h1–h6, body, small e interlinea da una misura base così variabili CSS e stili testo Figma restano su una scala modulare aurea.
Guide di stile per blog e documentazione
Scelga un corpo leggibile per accessibilità, poi derivi titoli proporzionali per articoli lunghi senza salti arbitrari di pixel.
Domande frequenti
Cos'è una scala di dimensioni font a sezione aurea?
È una scala tipografica modulare in cui le misure si legano con la sezione aurea φ ≈ 1.618 (o mezzi passi √φ). Da un corpo base si moltiplica per potenze successive dello step ratio per ottenere h6 fino a h1.
Quali campi sono obbligatori?
base (dimensione del font del corpo) è obbligatorio e deve essere finito e strettamente positivo. unit è opzionale e predefinito px; etichetta le misure e non converte tra unità.
Cosa succede se la base è zero o negativa?
Una base non positiva non è un'origine valida per una scala tipografica modulare e viene rifiutata invece di inventare misure.
Come si legano h1–h6 alla base?
Così h6 è un mezzo passo sopra il corpo, h5 è base × φ e h1 è sei mezzi passi sopra il corpo.
Quanto costa?
Lo strumento nel browser è gratuito e gira in locale.
Strumenti correlati
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
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)Esempio di richiesta
{
"base": 16
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "hobby.golden_ratio_type",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
Basi zero, negative, mancanti, NaN e Infinity falliscono con invalid_input chiaro affinché una scala rotta non raggiunga mai il CSS.
Come la sezione aurea costruisce una scala tipografica modulare
La pipeline è aritmetica in virgola mobile pura, senza rete, semi casuali né timestamp di orologio, quindi stessa base e unità producono sempre lo stesso JSON.
Cosa invia e cosa riceve in risposta
Invii base come numero finito positivo per la dimensione del font del corpo. Opzionalmente invii unit come etichetta breve come px o rem; il predefinito è px e annota solo le etichette, senza convertire le grandezze. Controlli classici: base sedici pixel produce body sedici, h5 uguale a sedici per phi, e h1 uguale a sedici per step alla sesta; base un rem per design system relativi alla root; e base diciotto per corpi editoriali un po' più grandi. Gli alias includono base_size, font_size, size, body, body_size e base_font. Base mancante, stringhe non numeriche, NaN, Infinity, zero e valori negativi falliscono con invalid_input e non sono addebitati. In caso di successo la risposta ripete base e unit ripuliti, le costanti esatte golden_ratio e step_ratio, le misure body e small, un oggetto headings con h1–h6, campi piatti h1–h6 per client semplici, line_height e line_height_ratio, un array scale di righe ruolo misura esponente ed etichetta da h1 fino a small, etichette leggibili per ogni ruolo, più testo formula e method golden_ratio_type affinché i test asseriscano l'algoritmo. Il prezzo delle chiamate API riuscite è la base pubblicata di $0.002 per elemento; i fallimenti di validazione non consumano saldo prepagato.
Dove compaiono i calcolatori di font a sezione aurea
Gli ingegneri front-end che scrivono pacchetti di tema vogliono JSON deterministico da snapshot in CI invece di giudicare a occhio screenshot del browser per ogni base. Poiché questa capacità è un motore parse puro, il prezzo API è la base pubblicata di $0.002 per elemento riuscito e la validazione fallita non consuma saldo.
Casi di integrazione
Pacchetti tema e fixture di CI
Produca in blocco rampe tipografiche deterministiche per più basi e catturi lo snapshot JSON nei test di regressione prima di pubblicare un tema.