1. Gaya Visual & Estetika

Untuk menciptakan suasana hangat dan nyaman kepada para pengunjung, Diaspora Bina Karya akan menerapkan konsep visual yang minimalis, elegan, bersih, dan modern. Dengan palet warna dan tipografi yang telah dipilih, landing page akan tampil menarik dan user-friendly.

Palet Warna

• Background: Off-white / Soft Cream #F9F8F6 untuk menghadirkan kesan hangat.
• Teks & Elemen Utama: Deep Charcoal / Midnight Navy #1A1A1A atau #0F172A untuk kontras yang elegan.
• Aksen/CTA: Warm Terracotta atau Muted Gold #C2593F / #D4AF37 untuk tombol aksi utama.

Tipografi

• Heading: Font Serif modern (seperti Playfair Display, Merriweather, atau Lora) untuk sentuhan klasik.
• Body Text: Font Sans-Serif bersih (seperti Inter, Plus Jakarta Sans, atau Lato) untuk kenyamanan membaca.

Layout

Menggunakan whitespace yang cukup dan susunan grid yang rapi akan membuat konten lebih mudah diperhatikan. Transisi dan efek hover yang halus akan meningkatkan pengalaman pengguna.

2. Struktur & Komponen Halaman (Homepage)

Header & Navigation Bar

• Logo: "Diaspora Bina Karya" yang simpel dan tipografis.
• Navigasi: Katalog Buku, Tentang Kami, Layanan Penerbitan, Kirim Naskah, Blog/Berita.
• Tombol CTA Kecil: "Cari Buku".

Hero Section

• Headline: Tagline inspiratif tentang penerbitan & literasi (contoh: "Menerbitkan Karya, Mengabadi Gagasan").
• Subheadline: Penjelasan singkat tentang fokus penerbitan.
• Visual: Mockup 3D buku rilis terbaru dengan tata letak bersih.
• CTA Utama: Dua tombol - "Jelajahi Katalog" (Solid) dan "Mulai Menerbitkan" (Outline).

Showcase Buku Unggulan (Grid Layout)

• Kartu buku minimalis menampilkan: Cover Buku, Judul, Nama Penulis, Genre, dan Harga.
• Efek hover yang menampilkan deskripsi singkat atau tombol "Beli Sekarang" / "Detail".

Layanan Penerbitan / Alur Menerbit

• 3–4 langkah sederhana bagi penulis untuk menerbitkan bukunya (Ikon minimalis + judul + deskripsi).

Sekilas Tentang Kami

Blok teks elegan berisi visi Diaspora Bina Karya dalam mendukung ekosistem penulis dan pembaca.

Testimoni Penulis / Banner Promosi

Quote dari penulis terbitan Diaspora Bina Karya dengan desain bergaya majalah/koran modern.

Footer

• Form langganan newsletter ("Dapatkan info rilis buku terbaru").
• Link navigasi cepat, sosial media, alamat kantor, dan copyright.

3. Output yang Diharapkan

Dengan desain dan struktur yang telah direncanakan, landing page "Diaspora Bina Karya" akan menjadi tempat yang menarik bagi penulis dan pembaca. Rekomendasi elemen dan struktur hierarki teks sebagai berikut:

Rekomendasi Elemen

<header>
  <div class="logo">Diaspora Bina Karya</div>
  <nav>
    <ul>
      <li><a href="#katalog">Katalog Buku</a></li>
      <li><a href="#tentang">Tentang Kami</a></li>
      <li><a href="#layanan">Layanan Penerbitan</a></li>
      <li><a href="#kirim">Kirim Naskah</a></li>
      <li><a href="#blog">Blog/Berita</a></li>
    </ul>
  </nav>
  <button class="cta">Cari Buku</button>
</header>

“Desain yang elegan dan navigasi yang sederhana akan menarik lebih banyak pengunjung dan meningkatkan interaksi.”