Design und Assets

Grundlinienraster-Generator

Erzeuge Grundlinienraster-Werte und CSS für sauberen vertikalen Rhythmus.

Kategorie

Design und Assets

Grundlinienraster-Generator

baseline gridtypographycssdesign system

Ausgabe

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 Vorschau

Live canvas