Typografische schaal

Typografische schaal gebruiken

Typografische schaal. Stel basisgrootte, verhouding en stappen in voor CSS-groottes.

1. Wijzig kleuren, tekst of getallen hierboven.
2. Vergelijk het voorbeeld terwijl je instellingen wijzigt.
3. Kopieer de uitvoer of download naar je apparaat.

Typografische schaal · Voorbeeld

{
  "base": 16,
  "ratio": 1.25,
  "below": 2,
  "above": 5,
  "text": "LocalKit"
}

:root {
  --text-minus-2: 10.24px;
  --text-minus-1: 12.8px;
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.82813px;
}

Gebruiksnotities

Bestanden en invoer worden in deze browser verwerkt. Geen uploads of account.

Voorbeeldtekst is maximaal 72 px. Export behoudt berekende groottes.