Yazı Stilleri

Site metninde boyut için text-3xl gibi Tailwind yazılmaz; rol sınıfı kullanılır. Tailwind yalnızca yerleşim: flex, gap, grid. Uzun blog gövdesi ayrı: fix-prose.

Tek Soru Kuralı

Ne yazıyorsun?	Sınıf
Sayfa başlığı	`fix-type-h1`
Bölüm başlığı	`fix-type-h2`
Alt başlık	`fix-type-h3` / `fix-type-h4`
Giriş paragrafı	`fix-type-lead`
Normal paragraf	`fix-type-body`
Küçük etiket / menü	`fix-type-small`
İkincil açıklama	`fix-type-muted`
Vurgulu kısa satır	`fix-type-large`
Satır içi kod	`fix-type-code`
Uzun makale (MDX)	`<article class="fix-prose">`

Örnek — Sayfa

<div class="fix-section">
  <div class="fix-container flex flex-col gap-8">
    <h1 class="fix-type-h1">İletişim</h1>
    <p class="fix-type-lead">Kısa giriş cümlesi.</p>
    <h2 class="fix-type-h2">Bölüm</h2>
    <p class="fix-type-body">Gövde metni.</p>
  </div>
</div>

flex / gap = Tailwind; başlık ve paragraf = fix-type.

Örnek — Blog

<h1 class="fix-type-h1">{title}</h1>
<article class="fix-prose">
  <Content />
</article>

Boyutu Değiştirmek

Tüm site h2’leri büyüsün → falcon-fixrav içinde src/styles/tokens/_typography.css → --text-h2. Sayfa dosyalarında tek tek text-2xl aramaya gerek yok. Renk için: Renk Ve Tema.

Yapma / Yap

Yap	Yapma
`fix-type-h2`	`text-3xl font-bold` (başlık için)
`flex gap-8`	Başlık boyutunu sayfada utility ile
`fix-prose` blog gövdesi	MDX içine inline stil

Canlı Referans

Geliştirme sunucusunda Fix UI sayfası (/) Typography bölümü tüm rolleri gösterir (falcon-fixrav → src/pages/index.astro).

İlgili Sayfalar

CSS Kullanımı — katmanlar
Fix UI Kullanımı — buton, kart
Renk Ve Tema
Font & UI Kullanımı — yalnızca Inter fontu
MDX Kullanımı — blog

Özet

Metin rolü = fix-type; uzun içerik = fix-prose; düzen = Tailwind.