Design System

Panduan antarmuka (UI) dan pengalaman pengguna (UX) yang mendasari visual VinSight AI.

1. Brand Colors

Palet warna VinSight AI difokuskan pada kesan profesionalisme perbankan, teknologi AI modern, dan rasa aman bagi UMKM.

Primary Emerald
#00A878
Accent Teal
#14B8A6
Dark Slate
#0F172A
Background Soft
#F8FAFC
Discover Blue
Assess Green
Guard Orange
Impact Purple

2. Typography

Menggunakan keluarga font Inter untuk seluruh teks antarmuka, memberikan keterbacaan yang optimal baik di layar resolusi tinggi maupun perangkat seluler.

Heading 1 (Extrabold)

Heading 2 (Bold)

Heading 3 (Semibold)

Body Text (Normal) - Digunakan untuk paragraf panjang, penjelasan, dan deskripsi fitur. Memiliki keterbacaan tinggi dengan line-height yang nyaman untuk membaca dokumen panjang maupun laporan finansial.

Small Text (Normal) - Digunakan untuk metadata, tag, legenda grafik, dan keterangan tambahan pendukung visual utama.

3. UI Components

Kumpulan elemen antarmuka utama yang membangun struktur modular VinSight AI.

Buttons

Badges & Tags

Prospect Approved Watchlist High Risk

Inputs