Tipografi

Type Scale

Modüler oranla tutarlı bir tipografik ölçek üret; CSS değişkenlerini kopyala.

Taban boyutu16px

Oran

CSS

:root {
  --text-xs: 0.64rem;
  --text-sm: 0.8rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.563rem;
  --text-2xl: 1.953rem;
  --text-3xl: 2.441rem;
  --text-4xl: 3.052rem;
}

--text-4xl

3.052rem

Tasarım

--text-3xl

2.441rem

Tasarım

--text-2xl

1.953rem

Tasarım

--text-xl

1.563rem

Tasarım

--text-lg

1.25rem

Tasarım

--text-base

1rem

Tasarım

--text-sm

0.8rem

Tasarım

--text-xs

0.64rem

Tasarım

Uygulamada nasıl?

1Sağ panelde Text stilleri bölümünde '+' ile her boyut için bir Text style oluştur.
2Soldaki ölçekteki rem/px değerlerini kullan (ör. base 16px).