# Brand Kit | RekberPay > Logo, warna, dan aturan penggunaan merek RekberPay untuk media dan mitra. URL: https://rekberpay.com/brand-kit ## Brand Guidelines & Kit Our brand assets represent our secure, fast, and elegant rekber transaction service. Use these resources to represent RekberPay in integrations, articles, and marketing campaigns. [Download Complete Brand Kit (.ZIP)](https://rekberpay.com/rekberpay-brand-kit.zip) ### Official Logos Light Bg Dark Bg #### Brand Logo Mark The standalone green 3D ribbon mark. Use for profile pictures, avatars, favicons, and minimal spaces. Light / Transparent [SVG](https://rekberpay.com/brand/rekberpay-logo-mark.svg)[PNG](https://rekberpay.com/brand/rekberpay-logo-mark.png) Neutral transparent asset works on all backdrops. Light Bg Dark Bg #### Horizontal Wordmark The primary logotype combination with the ribbon mark followed by the RekberPay text. Ideal for headers. Light / Transparent [SVG](https://rekberpay.com/brand/rekberpay-logo-horizontal-light.svg)[PNG](https://rekberpay.com/brand/rekberpay-logo-horizontal-light.png) Dark Mode [SVG](https://rekberpay.com/brand/rekberpay-logo-horizontal-dark.svg)[PNG](https://rekberpay.com/brand/rekberpay-logo-horizontal-dark.png) Light Bg Dark Bg #### Vertical Wordmark Stacked alignment featuring the logo mark on top and RekberPay text centered below. Best for large banners. Light / Transparent [SVG](https://rekberpay.com/brand/rekberpay-logo-vertical-light.svg)[PNG](https://rekberpay.com/brand/rekberpay-logo-vertical-light.png) Dark Mode [SVG](https://rekberpay.com/brand/rekberpay-logo-vertical-dark.svg)[PNG](https://rekberpay.com/brand/rekberpay-logo-vertical-dark.png) ### Color Palette Brand Green Hex: #22C55E RGB: rgb(34, 197, 94) CSS: --color-brand Primary brand logo color, accents, and success states. Dark Green Hex: #15803D RGB: rgb(21, 128, 61) CSS: --color-brand-dark Secondary brand accents, footers, and hover states. Light Green Hex: #4ADE80 RGB: rgb(74, 222, 128) CSS: --color-brand-light Highlights, active states, and soft badge borders. Charcoal Ink Hex: #0C1711 RGB: rgb(12, 23, 17) CSS: --color-text-primary Body text, display headlines, and light-theme structure. Terminal Black Hex: #050507 RGB: rgb(5, 5, 7) CSS: N/A Dark mode background, dashboard sidebars, and terminal panels. Pure White Hex: #FFFFFF RGB: rgb(255, 255, 255) CSS: --color-bg Default page background, light cards, and content container fill. ### Typography System Display Font #### Plus Jakarta Sans Used for display titles, marketing headlines, and wordmarks. A clean geometric grotesque that gives RekberPay its open, premium feel. Light (300): Keamanan transaksi rekber terpercaya. Medium (500): Keamanan transaksi rekber terpercaya. Bold (700): Keamanan transaksi rekber terpercaya. Body Font #### Inter Our primary sans font, used for all interface body copy, descriptions, forms, and secondary elements. Highly readable at smaller scale. Light (300): Jasa rekber otomatis paling cepat di Indonesia. Regular (400): Jasa rekber otomatis paling cepat di Indonesia. Semibold (600): Jasa rekber otomatis paling cepat di Indonesia. ### Gili, maskot RekberPay Gili adalah maskot trenggiling RekberPay. Ia teman yang melindungi. Sisik hijaunya mengikuti segitiga pada logo kami, dan ia muncul di momen penting transaksi: saat dana diamankan, menunggu pembayaran, sengketa, dana cair, atau halaman kosong. #### Pose ##### Halo Sapaan, onboarding, dan halaman masuk. [SVG](https://rekberpay.com/brand/gili/gili-hello.svg)[PNG](https://rekberpay.com/brand/gili/gili-hello.png) ##### Bersorak Dana cair dan transaksi selesai. [SVG](https://rekberpay.com/brand/gili/gili-cheer.svg)[PNG](https://rekberpay.com/brand/gili/gili-cheer.png) ##### Detektif Meninjau bukti dan mencari di direktori. [SVG](https://rekberpay.com/brand/gili/gili-detective.svg)[PNG](https://rekberpay.com/brand/gili/gili-detective.png) ##### Penjaga Dana sedang diamankan. [SVG](https://rekberpay.com/brand/gili/gili-guard.svg)[PNG](https://rekberpay.com/brand/gili/gili-guard.png) ##### Paket Halaman kosong dan rekber baru dibuat. [SVG](https://rekberpay.com/brand/gili/gili-parcel.svg)[PNG](https://rekberpay.com/brand/gili/gili-parcel.png) ##### Perisai Sengketa, OTP, dan 2FA. [SVG](https://rekberpay.com/brand/gili/gili-shield.svg)[PNG](https://rekberpay.com/brand/gili/gili-shield.png) ##### Tidur Sedang offline atau belum ada notifikasi. [SVG](https://rekberpay.com/brand/gili/gili-sleep.svg)[PNG](https://rekberpay.com/brand/gili/gili-sleep.png) ##### Mengendus Smart Rekber sedang membaca link. [SVG](https://rekberpay.com/brand/gili/gili-sniff.svg)[PNG](https://rekberpay.com/brand/gili/gili-sniff.png) ##### Menunggu Menunggu pembayaran atau verifikasi. [SVG](https://rekberpay.com/brand/gili/gili-wait.svg)[PNG](https://rekberpay.com/brand/gili/gili-wait.png) ##### Bola Penanda progres di jalur status rekber. [SVG](https://rekberpay.com/brand/gili/gili-ball.svg)[PNG](https://rekberpay.com/brand/gili/gili-ball.png) #### Cara memakai Gili ##### Boleh - Jaga proporsi Gili. Ubah ukurannya tanpa menarik, memiringkan, atau memotong badannya. - Beri ruang kosong yang lega di sekeliling Gili. - Taruh Gili di latar polos dan tenang, seperti putih atau hijau muda. ##### Jangan - Jangan ganti warna Gili di luar palet merek RekberPay. - Jangan taruh Gili di atas foto atau latar yang ramai. - Jangan pakai Gili di konteks serius, seperti dokumen hukum atau pesan galat. - Jangan jadikan Gili ikon atau elemen navigasi. #### Warna Gili Hijau Tepi Hex: #0B6B4B Bayangan dan tepi sisik. Hijau Zirah Hex: #15803D Dasar zirah dan ekor. Hijau Sisik Hex: #24A148 Permukaan sisik. Hijau Kilau Hex: #4ADE80 Kilau pada sisik. Krem Wajah Hex: #FFF3D1 Wajah dan perut. Krem Kaki Hex: #F2DDA4 Tangan dan kaki. Cokelat Cakar Hex: #B98F4E Cakar dan garis kaki. Merah Pipi Hex: #F7A59B Rona pipi. Tinta Mata Hex: #0C1711 Mata. Emas Koin Hex: #FDB833 Koin dan properti emas. ### Web & Mobile Launcher Icons Includes specific sizes for standard desktop favicons (16x16, 32x32), Apple Touch Icons (180x180), and Android/Chrome launcher sizes (192x192, 512x512). [Apple Touch Icon (PNG)](https://rekberpay.com/apple-touch-icon.png)[Android Icon (512px)](https://rekberpay.com/android-chrome-512x512.png) Kami menggunakan cookie Cookie yang diperlukan untuk menjaga sesi login dan keamanan selalu aktif. Kami juga ingin memakai cookie analitik untuk memahami penggunaan layanan, dan itu hanya berjalan jika kamu izinkan. Baca [Kebijakan Privasi](https://rekberpay.com/privacy).