Halo,
Vilacation
Design System
Bahasa visual dan komponen Svelte 5 untuk semua produk Vilacation.
Satu fondasi untuk semua
Warna, tipografi, spacing, dan ikon dalam satu sumber token. Nilainya diambil dari kode di tiga repo; yang bermasalah ditandai, bukan diam-diam diganti.
Lihat FoundationKomponen Svelte 5
Komponen siap pakai untuk sisi Guest, lengkap dengan contoh yang bisa diklik. Harga dan teks dikirim dari kode Anda; kit tidak mengarang data.
Lihat KomponenVersi per persona
Guest, Host, dan Admin masing-masing punya versi dan status sendiri di atas satu Foundation. Langsung kelihatan siapa memakai versi berapa.
Lihat VersioningPrinsip
Harga dan lokasi selalu terlihat
Kartu villa dan ringkasan booking tidak menyembunyikan dua informasi ini di balik tap.
Visual tidak melampaui fungsi
Polesan tidak boleh menjanjikan fitur yang belum ada.
Tidak ada data fiktif
Tanpa rating, jumlah review, atau social proof palsu. Specimen di kit ini memakai placeholder seperti Rp X.XXX.XXX dan [N].
Tenang, bukan dekoratif
Tanpa glassmorphism, gradient tebal, shadow dekoratif, atau emoji di UI.
Teal untuk aksi, navy untuk struktur
Teal primary #00A896 untuk aksen dan ikon. Untuk teks kecil dan tombol dengan teks putih, pakai pasangan aman (teal-800).
Kurangi beban pikir
Satu aksi utama per layar. State gagal dirancang sejak awal, terutama di pembayaran.