Efek

Efek adalah kumpulan pengaturan shadows dan efek visual lain yang digunakan untuk menambah kedalaman (depth) pada antarmuka. Efek ini membantu membedakan tingkat hierarki antar elemen, memberikan fokus pada komponen tertentu, serta menambah kesan realistis pada desain.

Kategori

Focused

Bayangan rapat dan jelas. Digunakan pada kartu utama atau elemen penting.

Float

Bayangan menyebar dan ringan. Digunakan pada komponen melayang seperti tooltips, modal, atau dropdown.

Cara Penggunaan yang Disarankan

Shadow-Focused

Digunakan untuk elemen utama seperti kartu, button, atau formulir.
Memberi kesan menempel pada permukaan agar tidak terlihat melayang.
Cocok untuk menonjolkan hierarki tanpa membuat tampilan terasa terlalu ringan.

Shadow-Float

Digunakan untuk elemen sekunder atau interaktif seperti floating button, dropdown, atau tooltip.
Menambah kedalaman agar elemen terlihat menonjol dari latar belakang.
Memberi kesan interaktif saat pengguna melakukan hover pada antarmuka.