bg-*border-*rounded-*

Warna, Background & Border

Palet warna bawaan, background, serta border: warna, ketebalan, dan radius sudut.

Warna teks & background

Tailwind menyediakan 22 keluarga warna, masing-masing 11 tingkat (50-950). Tingkat rendah terang, tingkat tinggi gelap. Untuk teks di atas background warna, pakai tingkat yang cukup kontras: putih di atas bg-sky-700, bukan bg-sky-300.

Warna teks & background live

bg-sky-100

bg-sky-500

bg-sky-700

bg-zinc-900

Border: warna, width, radius

Border ditulis bertumpuk: border-2 menetapkan tebal, border-black warnanya, rounded-2xl sudutnya. Gaya neo-brutalism di situs ini lahir dari kombinasi tiga utility tersebut plus hard shadow tanpa blur.

Border: warna, width, radius live

rounded-lg

rounded-2xl

border-4

dashed

Decision Rule

Warna berulang lintas halaman → definisikan sebagai token @theme, bukan copy-paste hex (Modul 14).