Dokumentasi resmi

Panduan CSS

Penjelasan design tokens, layout, tombol, card, breakpoint responsif, dan motion.

File CSS

style.css berisi sistem desain dan komponen utama, responsive.css berisi breakpoint, sedangkan custom.css menyimpan state tambahan dan utility spesifik situs.

Variabel warna

:root {
  --espresso: #3B2922;
  --cream: #F4E8D8;
  --beige: #E5D2BC;
  --caramel: #B8794A;
  --sage: #87947B;
  --white: #FFFDF9;
  --ink: #29231F;
}

Breakpoint

Breakpoint	Fokus
1050px	Memadatkan navigasi dan grid team.
800px	Mobile navigation, layout satu kolom, tablet.
540px	Mobile kecil, tombol full width, grid single column.

Animasi

Reveal animation menggunakan transform dan opacity. Semua interaksi tetap ringan, dan pengguna yang mengaktifkan prefers-reduced-motion dapat menonaktifkan motion tambahan melalui aturan berikut yang dapat ditambahkan bila diperlukan.