---

Selamat datang di panduan gaya desain VIP Rental. Dokumen ini akan membantu Anda memahami dan menerapkan standar desain kami secara konsisten di seluruh platform.

Filosofi Desain VIP Rental

Di VIP Rental, kami percaya bahwa desain harus mencerminkan nilai-nilai inti kami:

1. Kemewahan yang elegan
2. Kenyamanan tanpa kompromi
3. Layanan personal yang istimewa

Setiap elemen desain yang Anda buat harus memperkuat nilai-nilai ini.

Palet Warna

Kami menggunakan palet warna yang mewah namun tidak berlebihan:

• Emas (#D4AF37) - Warna utama, melambangkan kemewahan
• Hitam (#000000) - Warna sekunder, memberikan kesan elegan
• Putih (#FFFFFF) - Warna latar, menekankan kebersihan dan kesederhanaan
• Abu-abu Muda (#F5F5F5) - Warna aksen, untuk area yang membutuhkan perbedaan subtle

Tipografi

Kami menggunakan dua jenis font:

1. Playfair Display - Untuk judul dan headline
2. Roboto - Untuk body text dan konten

Contoh penggunaan:

Ini adalah Judul Utama

Ini adalah contoh body text menggunakan Roboto.

Komponen UI

Tombol

Tombol kami dirancang untuk menonjol dan mudah dikenali:

Pesan Sekarang

Kartu Produk

Kartu produk menampilkan layanan rental kami dengan elegan:

<div class="bg-white shadow-lg rounded-lg overflow-hidden">
  <img src="/images/luxury-car.jpg" alt="Luxury Car" class="w-full h-48 object-cover">
  <div class="p-4">
    <h3 class="font-playfair text-xl mb-2">Mercedes-Benz S-Class</h3>
    <p class="font-roboto text-gray-600">Nikmati kemewahan berkendara dengan sedan mewah ini.</p>
    <button class="mt-4 bg-[#D4AF37] text-white px-4 py-2 rounded hover:bg-[#B8860B]">
      Lihat Detail
    </button>
  </div>
</div>

Penggunaan Gambar

Gunakan gambar berkualitas tinggi yang menampilkan kemewahan dan eksklusivitas. Pastikan gambar memiliki resolusi yang baik dan sesuai dengan palet warna kita.

Ikon

Kami menggunakan set ikon khusus yang dirancang untuk VIP Rental. Pastikan untuk menggunakan ikon dari set ini untuk konsistensi:

• 🚗 - untuk kategori mobil
• 🛩️ - untuk kategori jet pribadi
• 🛥️ - untuk kategori yacht
• 👨‍✈️ - untuk layanan sopir pribadi

Responsivitas

Desain harus responsif dan terlihat baik di semua ukuran layar. Gunakan kelas Tailwind untuk memastikan hal ini:

Aksesibilitas

Meskipun kita fokus pada kemewahan, jangan lupakan aksesibilitas. Pastikan kontras warna cukup dan semua elemen dapat diakses dengan keyboard.

Penutup

Panduan gaya ini akan terus berkembang seiring dengan perkembangan brand VIP Rental. Jika Anda memiliki pertanyaan atau saran, jangan ragu untuk menghubungi tim desain.

Ingatlah selalu bahwa setiap elemen desain yang Anda buat harus mencerminkan kemewahan, kenyamanan, dan layanan personal yang menjadi ciri khas VIP Rental.

---