Merek

Pedoman merek

Semua yang kamu butuhkan untuk menampilkan Bubungan Digital dengan benar: logo, warna, dan huruf. Pakai file di halaman ini apa adanya, tanpa diubah.

Logo

Atap Rumah Bubungan Tinggi dan satu gelombang sungai, disusun bersama tulisan BUBUNGAN DIGITAL. Versi horizontal untuk header, kop surat, dan spanduk. Versi bertumpuk untuk ruang yang lebih persegi. Di latar gelap, pakai versi gelap yang warnanya dinaikkan supaya tetap terbaca.

Di latar terangUnduh

SVGFile vektor

PNG

JPG

Di latar gelapUnduh

SVGFile vektor

PNG

JPG

PNG dan JPG dibuat langsung di browser dari file SVG, 2048 px di sisi terpanjang. PNG berlatar transparan, kecuali 1:1 dan 16:9 versi gelap yang memakai latar gelap.

Versi satu warna

Untuk stempel, sablon, grafir, atau cetak satu warna. Pilih salah satu warna dan pakai untuk seluruh logo, jangan dicampur.

Cokelat

Cetak satu warna, stempel, dan kop sederhana.

Unduh

SVGFile vektor

PNG

Hitam

Fotokopi, faks, dan dokumen hitam putih.

Unduh

SVGFile vektor

PNG

Putih

Di atas foto atau latar berwarna gelap.

Unduh

SVGFile vektor

PNG

Logomark

Namanya kami ambil dari atap Rumah Bubungan Tinggi. Bentuknya sederhana, tapi konstruksinya dipikirkan matang dan bertahan lama. Saat ruangnya sempit, ikon ini boleh berdiri sendiri, dengan dua warnanya tetap utuh.

Atap

Puncak atap Rumah Bubungan Tinggi, rumah adat Banjar. Cokelat kemerahannya dari atap kayu.

Gelombang

Satu gelombang sungai di bawahnya. Cokelat pasirnya dari air Sungai Barito.

Di latar terangUnduh

SVGFile vektor

PNG

JPG

Di latar gelapUnduh

SVGFile vektor

PNG

JPG

Foto profil & ikon aplikasi

Foto profil untuk WhatsApp, grup, Instagram, dan akun lain yang memotong gambar jadi bulat. Filenya persegi dan penuh warna, jadi aman dipotong aplikasi apa pun.

Ikon, cokelat

Unduh

PNG

JPG

SVGFile vektor

Ikon, krem

Unduh

PNG

JPG

SVGFile vektor

Dengan tulisan, cokelat

Unduh

PNG

JPG

SVGFile vektor

Dengan tulisan, krem

Unduh

PNG

JPG

SVGFile vektor

Ikon aplikasi dan favicon

Ikon aplikasi

Ikon aplikasi, bookmark di HP, dan favicon.

Unduh

PNG

SVGFile vektor

Ikon aplikasi, terang

Saat latar di sekitarnya sudah cokelat atau gelap.

Unduh

PNG

SVGFile vektor

Favicon sederhana

Untuk 16 sampai 32px, saat dua warna ikon mulai kabur.

Unduh

PNG

SVGFile vektor

Ruang aman & ukuran

Beri logo ruang untuk bernapas. Sisakan ruang kosong di setiap sisi, minimal setinggi huruf B pada tulisan BUBUNGAN. Jangan tampilkan logo horizontal lebih kecil dari lebar 120 px. Di bawah itu, pakai ikonnya saja.

Ruang aman = x

x adalah tinggi huruf B pada tulisan BUBUNGAN, berlaku untuk semua versi logo.

120 px

32 px

16 px

Ukuran minimum

Logo horizontal 120 px, ikon 32 px. Untuk 16 px, pakai favicon sederhana.

Yang tidak boleh dilakukan

Logo harus terlihat sama di mana pun. Hindari kesalahan yang paling sering terjadi berikut ini.

Jangan ubah warna logo

Jangan regangkan atau pipihkan

Jangan putar logo

Jangan tambahkan bayangan atau efek

Bubungan Digital

Jangan ganti huruf tulisannya

Jangan taruh di latar yang kontrasnya rendah

Jangan ubah susunan ikon dan tulisan

Jangan ulang ikonnya jadi pola

Warna

Cokelat kemerahan dari atap kayu, cokelat pasir dari air Sungai Barito. File logo memakai warna logo. Tombol, tautan, dan teks di website memakai warna antarmuka. Ketuk kotak warna untuk menyalin kodenya.

Warna logo

Logo di latar gelap

Website, mode terang (bawaan)

Website, mode gelap

Tipografi

Satu keluarga huruf untuk website: Sora, dari judul sampai teks kecil. Poppins hanya ada di dalam logo, dan tulisannya sudah jadi path di file SVG, jadi kamu tidak perlu memasang Poppins untuk memakai logo.

Aa

Sora

Judul dan teks website

Company profile, landing page, toko online, dan web app custom. Harga jelas sejak awal dan pengerjaan terjadwal.

Regular 400Medium 500Semibold 600Bold 700

Aa

Poppins

Khusus wordmark logo

BUBUNGANDIGITAL

BUBUNGAN: ExtraBold 800, spasi huruf +0,024 em
DIGITAL: Medium 500, spasi huruf +0,637 em

Skala huruf di website

H1 berandaclamp(34px, 5.4vw, 76px) · 600 · 1.02 · -0.035em

Kami membuat website

H1 halamanclamp(32px, 4.6vw, 64px) · 600 · 1.04 · -0.03em

Angkanya kami tulis di depan.

H2 penutupclamp(28px, 4vw, 56px) · 600 · 1.05 · -0.03em

Punya rencana website?

H2 bagianclamp(26px, 3.2vw, 44px) · 600 · 1.08 · -0.03em

Empat langkah, tanpa tebak-tebakan

H3 kartu karyaclamp(20px, 2.2vw, 28px) · 600 · -0.025em

Vorneo Property

Angka prosesclamp(32px, 3.4vw, 46px) · 600 · 1 · -0.04em

1 2 3 4

Hargaclamp(26px, 2.4vw, 34px) · 600 · -0.025em

Rp 7,5 jt

Paragraf pembukaclamp(15px, 1.2vw, 18px) · 400 · 1.55

Harga jelas sejak awal, pengerjaan terjadwal.

Judul kartu17px · 600

Company Profile

Isi kartu15px · 400 · 1.55

Profil usaha yang bikin calon klien percaya sebelum menelepon.

Eyebrow12px · 600 · kapital · 0.14em

Layanan

Label kolom12px · 600 · kapital · 0.1em

Perusahaan

Keterangan13px · 400

Tampilan laptop dan HP berdampingan

Nama & penulisan

Tulis Bubungan Digital, dua kata dengan huruf kapital di awal tiap kata. Setelah disebut sekali, boleh cukup Bubungan. Huruf kapital semua hanya dipakai di dalam logo.

Nama lengkap

Bubungan Digital

Penyebutan pertama di tulisan mana pun.

Bentuk pendek

Bubungan

Setelah nama lengkap sudah disebut sekali.

Alamat web

bubungan.id

Selalu huruf kecil, tanpa www.

Benar:Bubungan Digital
Salah:BUBUNGAN DIGITAL
Salah:bubungan digital
Salah:BubunganDigital

Butuh format lain?

Untuk format lain, kerja sama, atau keperluan media, hubungi kami lewat WhatsApp.

Chat WhatsApp