Buat desain antarmuka (UI) profesional untuk halaman Business Services Dashboard bergaya modern minimalis.
Layout berupa responsive card grid dengan background putih bersih, banyak white space, border tipis abu-abu (#E5E5E5), sudut membulat (radius 18 px), dan bayangan lembut (soft shadow).
Gunakan sistem grid 4 kolom pada desktop.
Setiap card berukuran sama dengan padding yang luas.
Di bagian tengah atas card terdapat ikon outline modern berwarna gradasi biru (#2E4FA3) ke hijau (#18A86B).
Judul menggunakan font Poppins SemiBold ukuran sekitar 28–32 px, warna hitam (#1F1F1F), rata tengah.
Bagian bawah setiap card memiliki ornamen dekoratif berbentuk gelombang melengkung:
sisi kiri gradasi biru tua → hijau
sisi kanan terdapat aksen kuning emas
tinggi ornamen sekitar 20 px
Semua card memiliki tinggi yang sama.
Jarak antar card konsisten (32 px).
Background keseluruhan putih dengan nuansa corporate premium.
Gunakan ikon outline yang konsisten dari Material Design atau Hero Icons.
Isi kartu:
Literasi Finansial
Pendirian Badan Usaha
Digital Marketing & Social Media
Sertifikasi Produk
Marketplace Enabler
Pembuatan Website & E-commerce
Desain & Produksi Kemasan
Pengembangan Kemitraan
Perluasan Akses Pasar
Legalitas & Perizinan Usaha
Style keseluruhan:
Modern SaaS Dashboard
Corporate
Flat Design
Premium
Clean UI
Material Design 3
White Space
Rounded Cards
Soft Shadow
Professional Business Website
High Resolution
Pixel Perfect
UI/UX Case Study Style
Figma Quality
Aspect ratio 16:9, resolusi 4K (3840×2160), vector style, ultra sharp.
Halaman Web
Buat halaman landing page menggunakan HTML5 dan Tailwind CSS yang menampilkan grid layanan profesional seperti dashboard SaaS modern.
Ketentuan:
Responsive (4 kolom desktop, 2 tablet, 1 mobile)
Card putih
Border #E5E5E5
Rounded-xl
Shadow-sm
Hover: translateY(-6px), shadow-xl
Icon berada di tengah atas
Judul rata tengah
Font Poppins
Ornamen bawah berupa SVG wave dengan gradasi biru-hijau dan aksen kuning
Tinggi card seragam
Padding besar
Animasi hover halus 0.3 detik
Background putih
Layout seperti website startup modern (Stripe, HubSpot, Notion, Canva)
Kode bersih, reusable, menggunakan Tailwind CSS CDN dan Heroicons.
Layout berupa responsive card grid dengan background putih bersih, banyak white space, border tipis abu-abu (#E5E5E5), sudut membulat (radius 18 px), dan bayangan lembut (soft shadow).
Gunakan sistem grid 4 kolom pada desktop.
Setiap card berukuran sama dengan padding yang luas.
Di bagian tengah atas card terdapat ikon outline modern berwarna gradasi biru (#2E4FA3) ke hijau (#18A86B).
Judul menggunakan font Poppins SemiBold ukuran sekitar 28–32 px, warna hitam (#1F1F1F), rata tengah.
Bagian bawah setiap card memiliki ornamen dekoratif berbentuk gelombang melengkung:
sisi kiri gradasi biru tua → hijau
sisi kanan terdapat aksen kuning emas
tinggi ornamen sekitar 20 px
Semua card memiliki tinggi yang sama.
Jarak antar card konsisten (32 px).
Background keseluruhan putih dengan nuansa corporate premium.
Gunakan ikon outline yang konsisten dari Material Design atau Hero Icons.
Isi kartu:
Literasi Finansial
Pendirian Badan Usaha
Digital Marketing & Social Media
Sertifikasi Produk
Marketplace Enabler
Pembuatan Website & E-commerce
Desain & Produksi Kemasan
Pengembangan Kemitraan
Perluasan Akses Pasar
Legalitas & Perizinan Usaha
Style keseluruhan:
Modern SaaS Dashboard
Corporate
Flat Design
Premium
Clean UI
Material Design 3
White Space
Rounded Cards
Soft Shadow
Professional Business Website
High Resolution
Pixel Perfect
UI/UX Case Study Style
Figma Quality
Aspect ratio 16:9, resolusi 4K (3840×2160), vector style, ultra sharp.
No comments:
Post a Comment