Identitas Merek Resmi

Standar Estetika
Teknologi F&B.

Scanin bukan sekadar pemindai kode QR. Ini adalah jembatan antara efisiensi komputasi awan dan kehangatan pelayanan restoran. Dokumen ini mendikte cara kami berkomunikasi secara visual.

01
Brand DNA

Strategi Merek

Pilar fundamental yang mengarahkan setiap keputusan produk, desain, dan komunikasi pemasaran.

Visi (Masa Depan)

Menjadi standar infrastruktur teknologi global yang menghubungkan dan menyederhanakan setiap interaksi kuliner melalui pengalaman nirkontak yang instan.

Misi (Tindakan)

Mendekratisasi teknologi pemesanan berbasis QR yang andal, cepat, dan mudah diakses untuk meningkatkan omzet dan efisiensi operasional berbagai skala bisnis F&B.

Tone of Voice

  • Profesional namun Hangat

    Gunakan bahasa yang efisien (SaaS) namun tetap membangkitkan selera (F&B).

  • Solutif & Lugas

    Jangan gunakan jargon teknis yang membingungkan pemilik restoran.

03
Color Architecture

Sistem Warna

Rasio Penggunaan (60% - 30% - 10%)
10%

Primary F&B Red

Tombol Aksi & Urgensi

HEX#F01543
RGB240, 21, 67
60%

Warm Canvas

Latar Belakang Dasar Web/App

HEX#FDF7F2
RGB253, 247, 242
30%

Tech Obsidian

Teks Paragraf & Header

HEX#111111
RGB17, 17, 17

Zest Orange

Penyorotan & Ikon Minor

HEX#F97316
RGB249, 115, 22

Functional / System States (SaaS UI)

Success (#10B981)
Pesanan Selesai / Dibayar
Warning (#F59E0B)
Menunggu Pembayaran / Diproses
Error (#EF4444)
Gagal / Dibatalkan
04
Font Architecture

Tipografi

Kombinasi geometris yang tegas untuk menarik perhatian pembeli, dipadukan dengan font netral untuk membaca struk dan data analitik dengan jelas.

Aa

Plus Jakarta Sans

Primary Font / Headings

H1 - Marketing Bold - 48px / LH 1.1
Era Baru F&B
H2 - Section Title Semibold - 32px / LH 1.2
Kinerja Restoran Anda
Card Title Bold - 20px / LH 1.4
Nasi Goreng Spesial
Aa

Inter

Secondary Font / Body & UI

Body Regular Regular - 16px / LH 1.5
Inter dirancang khusus untuk layar komputer. Sangat legibel meskipun ditampilkan dalam ukuran kecil pada struk digital atau laporan data harian restoran.
UI Component Text Medium - 14px / LH 1.4
Masukkan detail pesanan...
Microcopy / Caption Bold - 12px / LH 1.2 / Uppercase
Order ID: #SCN-8849-2A
05
Art Direction

Aturan Fotografi

Visual kita harus menceritakan kisah tentang teknologi yang tak kasatmata yang membuat pengalaman makan menjadi lebih baik dan intim.

Pelanggan memindai QR

Interaksi Teknologi

Fokus pada aksi nyata: pelanggan memindai QR di meja, atau koki yang berinteraksi dengan layar pesanan. Pastikan pencahayaan natural.

DO: Pencahayaan Alami & Latar Blur
DON'T: Setup Studio Kaku
Pizza hangat

Penyajian Makanan

Gunakan sudut pandang atas (top-down view) yang tajam, diisolasi dengan latar belakang krem hangat untuk konsistensi komponen antarmuka.

DO: Warna Cerah & Menggugah Selera
DON'T: Filter Vintage/Sepia
06
Digital Assets

Komponen Antarmuka

Button States & Styling

Primary Action

Border Radius: 4px. No border. Drop shadow minimal.

Table Status Tag
Lunas Dimasak

Aturan Ikonografi

Gunakan pustaka ikon *Lucide* dengan ketebalan garis (stroke-width) 2px. Sudut melengkung (rounded) untuk kesan modern. Jangan gunakan ikon solid (fill) kecuali untuk interaksi 'Active/Selected'.

<i data-lucide="icon-name" class="w-6 h-6 stroke-2"></i>