Styling Text & Font
Mengatur ukuran, warna, ketebalan, keluarga font, transformasi, dan line-height teks.
Skala, warna, & ketebalan
Skala teks Tailwind (text-xs sampai text-7xl) sudah proporsional dengan line-height bawaan, jadi teks besar otomatis dapat jarak baris yang nyaman. Warna teks memakai palet yang sama dengan background: tingkat yang cukup kontras membuat teks tetap terbaca.
text-xs + text-zinc-500
text-base + text-zinc-800
text-xl + font-bold
text-3xl + text-sky-600
Family, transform, & jarak baris
Font family dipetakan lewat token @theme — situs ini menetapkan font-sans: Poppins, font-heading: Sora, dan font-mono: Geist Mono. Transformasi teks (uppercase, underline, tracking) melengkapi hierarki visual.
font-heading: Sora untuk judul
font-mono: Geist Mono untuk kode
uppercase + tracking-widest
underline tebal + leading-relaxed untuk paragraf nyaman dibaca.