Design et Ressources

Générateur de grille de base

Générez les valeurs de grille de base et le CSS pour un rythme vertical propre.

Catégorie

Design et Ressources

Générateur de grille de base

baseline gridtypographycssdesign system

Sortie

Generated baseline grid CSS

Baseline

24.00px

:root {
  --base-font-size: 16px;
  --base-line-height: 1.5;
  --baseline: 24.00px;
}

body {
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(var(--baseline) - 1px),
    #d4d4d8 calc(var(--baseline) - 1px),
    #d4d4d8 var(--baseline)
  );
}

Grid Aperçu

Live canvas