Brand System · v1.0 · 2026

Oveersea Brand Guidelines

Pedoman resmi untuk merepresentasikan Oveersea — Commercial Matchmaking Company yang menghubungkan peluang dengan partner yang tepat. Dokumen ini adalah referensi tunggal untuk tim internal, partner, dan kreator yang bekerja dengan brand kami.

01 — Foundation

Brand kami

Oveersea menghubungkan bisnis dengan partner commercial yang tepat untuk membuka pertumbuhan lintas batas. Setiap touchpoint brand harus mencerminkan kredibilitas, keterbukaan, dan ambisi global.

Mission

Mempertemukan peluang commercial dengan partner yang tepat, cepat, dan transparan.

Vision

Menjadi infrastruktur commercial matchmaking paling tepercaya untuk pertumbuhan bisnis lintas batas.

Promise

Match yang relevan, partner yang terverifikasi, dan transaksi yang aman dari hari pertama.

Brand Pillars
Trustworthy

Verifikasi, transparansi, dan dokumentasi setiap hubungan komersial.

Global-minded

Berpikir lintas pasar, regulasi, dan budaya bisnis.

Precision

Match yang akurat — bukan sekadar banyak, tetapi tepat.

Empowering

Memberi bisnis alat dan akses untuk tumbuh mandiri.

OveerseaOveersea
Primary · Wordmark + Mark
OveerseaOveersea
Inverted · untuk latar gelap
Oveersea
Symbol Only · favicon, avatar, app icon
OveerseaOveersea
Minimum size 24px tinggi · selalu uji legibility
Clear Space

Selalu sediakan ruang kosong di sekitar logo minimal sebesar tinggi huruf "O" pada wordmark. Jangan letakkan elemen lain di dalam clear space.

OveerseaOveersea
Aturan Penggunaan
  • Gunakan versi resmi yang disediakan
  • Jaga proporsi asli logo
  • Pakai versi inverted di latar gelap
  • Mengubah warna logo
  • Merotasi, men-skew, atau mendistorsi
  • Menempatkan di latar low-contrast atau berpola ramai
Logo Application

Penempatan & ukuran untuk banner dan social media

Setiap format punya safe area dan rasio logo yang berbeda. Patokan kami: logo tidak pernah melewati 1/4 sisi terpendek frame, dan padding dari tepi minimal sama dengan tinggi mark.

Banner · 16:9
YouTube cover, LinkedIn banner, website hero
OveerseaOveersea
safe area 6%
  • • Tinggi logo ≈ 12–16% tinggi frame
  • • Padding tepi minimum 6% sisi pendek
  • • Posisi default kiri-tengah atau kiri-atas
Post · 1:1
Instagram feed, LinkedIn post, Facebook square
OveerseaOveersea
safe area 8%
  • • Tinggi logo ≈ 18–22% sisi frame
  • • Padding tepi minimum 8%
  • • Pusatkan jika logo berdiri sendiri
Story / Reels · 9:16
Instagram Story, TikTok, Shorts
OveerseaOveersea
safe area
  • • Hindari 14% atas (UI) & 14% bawah (CTA)
  • • Logo di sepertiga atas untuk visibility
  • • Tinggi mark ≈ 8–10% tinggi frame
Ukuran rekomendasi

Ukuran absolut yang lulus uji legibility internal. Selalu gunakan file vektor (SVG) atau PNG @2x untuk display.

KonteksTinggi logoPadding tepiVersi
Favicon16–32 px0Mark only
Avatar / Profile picture≥ 400 px (export)12% radiusMark on Navy
Header website28–36 px24 pxWordmark
Email signature24–28 px8 pxWordmark
Banner 16:9 (1920×1080)180–220 px96 pxWordmark inverted
Post 1:1 (1080×1080)200–260 px88 pxWordmark inverted
Story 9:16 (1080×1920)160–200 px88 pxWordmark inverted
Print A4≥ 24 mm≥ 12 mmWordmark
Merchandise (kaos, tote)≥ 60 mmMark / Wordmark
OveerseaOveersea
Default · light bg
OveerseaOveersea
Default · cream bg
OveerseaOveersea
Inverted · navy bg
OveerseaOveersea
Inverted · navy-deep bg
Co-branding lockup

Saat menempatkan logo Oveersea berdampingan dengan logo partner, pisahkan dengan divider vertikal tipis. Jarak antar logo = 1× tinggi mark Oveersea. Tinggi optik kedua logo harus seimbang (bukan tinggi geometris).

OveerseaOveersea
Partner Logo
03 — System

Warna

Palet Oveersea didominasi Navy yang menegaskan otoritas, dibalas Sky sebagai sinyal interaktivitas. Pastikan semua kombinasi memenuhi rasio kontras WCAG AA (4.5:1).

Primary
Oveersea Navy
HEX#10183A
Token--navy

Warna utama. Untuk teks headline, latar dark, dan elemen brand inti.

Navy Deep
HEX#080D24
Token--navy-deep

Versi paling pekat. Footer, hero gelap, kontras maksimum.

Sky
HEX#3DA5F5
Token--sky

Aksen interaktif — link, highlight, ilustrasi sekunder.

Sky Deep
HEX#1668C6
Token--sky-deep

Aksi utama (primary CTA), state hover dari Sky.

Support
Sky Soft
HEX#E9F2FC
Token--sky-soft

Latar lembut, badge, surface highlight.

Cream
HEX#FBF8F1
Token--cream

Latar hangat alternatif untuk section editorial.

Ink
HEX#1F222B
Token--ink

Teks body pada permukaan terang.

Border
HEX#E5E8EE
Token--border

Garis pembatas, divider, outline elemen.

Functional
Background
HEX#FFFFFF
Token--background

Latar dasar aplikasi.

Muted
HEX#F5F6F9
Token--muted

Surface sekunder, input non-aktif.

Destructive
HEX#E5484D
Token--destructive

Error, hapus, peringatan kritikal.

Success
HEX#2BB673
Token(custom)

Konfirmasi, status approved, indikator positif.

Proporsi penggunaan

Gunakan rasio kira-kira 60% netral (putih / cream / border), 30% Navy, dan 10% Sky sebagai aksen.

60% Neutral
30% Navy
10%
04 — Voice

Tipografi

Kami memakai dua keluarga huruf sans-serif modern: Inter Tight untuk display, dan Inter untuk body. Kombinasi ini menjaga keterbacaan sekaligus karakter yang tegas.

Display
Inter Tight · 700–900 · letter-spacing -0.03em
Connect smarter.

Dipakai untuk headline hero, judul section, dan kata-kunci brand.

Body
Inter · 400–600 · letter-spacing 0

Kami percaya bahwa setiap bisnis berhak mendapatkan partner terbaik. Itu sebabnya kami membangun ekosistem matchmaking yang relevan dan terverifikasi.

Dipakai untuk paragraf, UI text, deskripsi, dan caption.

Type Scale
Aa 64/72
Display XL
Aa 48/56
Display L
Aa 36/44
H1
Aa 30/38
H2
Aa 24/32
H3
Aa 18/28
Body L
Aa 16/24
Body
AA 12/16
Caption
05 — Voice

Tone of Voice

Kami berbicara seperti rekan bisnis yang berpengalaman: jelas, terukur, dan menghormati waktu pembaca. Tidak hype, tidak jargon berlebihan.

Jelas

Kalimat pendek. Satu ide per paragraf. Hindari ambiguitas.

Hangat

Profesional tapi tidak kaku. Pakai 'kami' dan 'Anda'.

Tegas

Pakai kata kerja aktif. Hindari hedging berlebihan.

Berbasis bukti

Sebut angka, contoh, dan referensi yang relevan.

Tulis seperti ini
  • "Temukan partner commercial yang terverifikasi dalam hitungan hari."
  • "Kami memverifikasi setiap business sebelum tayang."
  • "Mulai gratis. Bayar saat ada match yang berhasil."
Hindari ini
  • "Revolusioner! Game-changer untuk dunia bisnis!"
  • "Synergi AI-powered next-gen B2B disruption."
  • "Tidak ada platform lain seperti kami." (klaim tanpa bukti)
06 — Visual

Imagery & Iconography

Visual Oveersea bersifat dokumenter, manusiawi, dan optimistis. Ikon konsisten dengan stroke ringan dan sudut yang lembut.

Fotografi
  • • Subjek manusia nyata dalam konteks kerja
  • • Cahaya alami, sedikit warm
  • • Hindari stock cliché (handshake stok, dll.)
  • • Crop yang berani — fokus pada gesture & mata
Ilustrasi
  • • Geometric, low-detail
  • • Palette: Navy + Sky + Cream
  • • Hindari gradient ramai atau 3D realistis
Ikon
  • • Sumber: lucide-react
  • • Stroke 1.5–2px
  • • Ukuran konsisten dalam satu konteks
  • • Warna mengikuti currentColor
Super Graphic

Versi besar dari brand mark dipakai sebagai watermark dekoratif pada hero atau divider. Gunakan opacity 5–10% agar tetap tipis dan tidak mengganggu konten.

07 — Components

UI Elements

Komponen dasar yang sering muncul di produk dan marketing. Gunakan token warna semantik, bukan nilai hex langsung.

Buttons
Radius pill · h-11 default · h-9 compact
Badges
VerifiedFeaturedDraftRejected
Cards & Surfaces
Surface — Default
bg-white · border-border
Surface — Soft
bg-secondary
Radius & Elevation
md · 8px
xl · 12px
2xl · 16px
full
08 — Contact

Butuh aset atau ada pertanyaan brand?

Tim Brand Oveersea siap membantu untuk permintaan logo, partner co-branding, peliputan media, atau klarifikasi guidelines. Kami merespons dalam 2 hari kerja.