Design system fintech
Sistem desain yang diekstrak dari website fintech dan keuangan: pembayaran, perbankan, investasi, kripto, dan produk penagihan. Kepercayaan adalah intinya, jadi harapkan penggunaan warna yang hati-hati, tipografi angka yang jelas, serta formulir dan tombol yang dirancang agar terasa aman untuk ditekan.
3 contoh DESIGN.md di kategori ini, dari Klarna, PayPal dan Stripe. Diekstrak dari halaman publik setiap situs, bukan pedoman brand resmi. Baru mengenal format ini? Baca apa itu DESIGN.md.
Klarna
Sistem desain Klarna menampilkan warna primer biru navy gelap yang canggih (#0b051d) dengan warna aksen cerah, termasuk warna pink khasnya (#ffa8cd). Sistem ini menggunakan font kustom Klarna berdampingan dengan font sistem, menonjolkan sudut membulat (32px paling umum), dan mempertahankan kontras tinggi demi aksesibilitas. Desainnya menyeimbangkan kesan profesional dengan keramahan melalui spasi yang lega dan hierarki tipografi yang jelas.
PayPal
PayPal menggunakan desain yang tegas dan ditujukan untuk konsumen di halaman beranda Belanda mereka, dengan bagian hero berwarna biru langit cerah (#60cdff) yang dipadukan dengan tipografi tampilan hitam sangat tebal (PayPal Pro w900). Navigasi berwarna putih dengan teks hitam dan dua tombol CTA yang berbeda: "Inloggen" dengan garis tepi, serta "Rekening openen" berwarna hitam penuh. Sebuah banner pengumuman berwarna biru navy gelap berada di bagian atas. Secara keseluruhan, bahasa visualnya bertumpu pada kontras tinggi, sudut membulat penuh bergaya pill, dan tipografi merek, yang memancarkan kepercayaan serta kemudahan akses bagi audiens layanan keuangan konsumen yang luas.
Stripe
Homepage marketing Stripe menggunakan sistem desain yang sangat terkontrol (HDS — Stripe Design System) yang dibangun di sekitar font variabel "sohne-var" pada bobot ringan (300–400), palet merek dari navy tua hingga indigo yang berpusat pada #533afd (Stripe Indigo), dan hero dengan gradien spektral tepi-ke-tepi yang menjadi ciri khasnya. Komponennya memiliki radius sudut rendah (4–6px), bayangan datar hingga minimal, serta tersusun di atas grid spasi dasar 8px. Nuansa keseluruhannya berwibawa namun tetap ramah, menyampaikan infrastruktur keuangan lewat tipografi yang percaya diri dan penggunaan warna yang terukur.
Situs yang Anda cari tidak ada?
Tempel URL apa pun untuk mendapatkan DESIGN.md dari website apa pun. Warna, tipografi, spacing, dan token, siap untuk workflow AI Anda.