SCANIN OFFICIAL GUIDELINES

Brand
Identity
Guidelines

Sistem pedoman visual dan komunikasi komprehensif untuk merek Scanin. Panduan ini dirancang untuk menjaga konsistensi identitas di seluruh platform digital dan cetak.

12 Restaurant

In Your city

Restaurant of the Month

The Wilmington

Strategi Merek

Visi

Menjadi standar industri F&B untuk interaksi pemesanan tanpa hambatan antara merchant dan pelanggan melalui teknologi pintar.

Misi

Memberdayakan restoran dengan teknologi POS dan QR yang intuitif, mempercepat operasional, dan memberikan kebebasan memesan bagi pelanggan.

Core Values & Tone of Voice

Speed (Cepat)

Komunikasi kita langsung pada intinya. Produk kita memangkas waktu tunggu secara signifikan.

Simple (Praktis)

Hindari jargon rumit. Buat antarmuka kasir dan menu pelanggan semudah dan sejelas mungkin.

Appetizing (Hangat)

Kita berada di industri hospitality. Nada bicara dan visual kita harus selalu ramah dan menggugah selera.

Panduan Logo

Logo Scanin adalah kombinasi dari ketegasan teknologi (logotype) dan kebebasan serta kecepatan (simbol). Penggunaan logo harus mematuhi standar ruang dan ukuran berikut untuk menjaga visibilitas.

Scanin.

Logo Utama

Clear Space (Ruang Aman)

Scanin.

Jarak aman area di sekitar logo dihitung menggunakan tinggi huruf "n" (X) pada logotype.

Do's (Dianjurkan)

Gunakan logo utama pada latar belakang terang (putih/abu-abu muda).
Gunakan logo versi putih polos untuk latar belakang gelap atau menumpuk di atas foto.
Pertahankan proporsi asli dan jarak aman saat mengubah ukuran.

Don'ts (Dilarang)

Jangan memutar (rotate), memiringkan, atau mengubah orientasi logo.
Jangan mengubah komposisi warna logo di luar palet resmi yang ditetapkan.
Jangan menambahkan efek visual gaya lama seperti drop shadow tebal atau emboss.

Sistem Warna

Warna kita didesain untuk menggugah selera sekaligus mempertahankan kejelasan antarmuka (UI). Konsistensi warna sangat penting, pastikan Anda menggunakan kode HEX untuk digital dan CMYK untuk cetak.

Brand Colors

Primary

Energetic Orange

Primary Action / Brand Accent

HEX #F58634

RGB 245, 134, 52

CMYK 0, 56, 88, 4

Secondary

Tasty Yellow

Secondary / Highlights

HEX #FFB703

RGB 255, 183, 3

CMYK 0, 27, 98, 0

Base

Charcoal

Headings / UI Base Text

HEX #2B2D42

RGB 43, 45, 66

CMYK 80, 72, 45, 52

Surface

Light Gray

App Background / Borders

HEX #F8F9FA

RGB 248, 249, 250

CMYK 2, 1, 0, 0

Tipografi

Hierarki font yang jelas sangat krusial. Kami menggunakan Plus Jakarta Sans untuk heading yang modern dan ramah, serta Inter untuk paragraf dan UI karena tingkat keterbacaannya yang tinggi di layar kasir maupun HP.

Headings

Plus Jakarta Sans

H1 - Extrabold 48px

Pesanan Masuk

H2 - Bold 36px

Menu Restoran

H3 - Semibold 24px

Total Tagihan

Body & UI

Inter

Body Large - Regular 18px

Silakan scan QR code yang ada di meja Anda untuk melihat menu dan memesan makanan.

Body Normal - Regular 16px

Pesanan Anda sedang diproses oleh dapur. Estimasi waktu penyajian adalah 15 menit.

Caption / Microcopy - Medium 12px

Harga sudah termasuk pajak restoran 10%.

Komponen UI & Ikon

Bentuk yang membulat (rounded) melambangkan keramahan SaaS modern. Interaksi UI harus terlihat "bisa ditekan" (clickable) dan merespons sentuhan.

Buttons (Tombol)

Primary Button (Aksi Utama)

Secondary Button

Ghost Button

Forms & Iconography

Input Field

System Icons (Lucide - 2px stroke)

Fotografi & Arah Visual

Fotografi yang baik adalah kunci untuk menggugah selera pelanggan dan membangun kepercayaan. Panduan ini dibagi menjadi dua kategori: gaya hidup (lifestyle) dan menu produk.

1. Fotografi Lifestyle & Interaksi

Gunakan foto dengan tone hangat yang memperlihatkan interaksi manusia yang nyata (pelanggan memegang smartphone, staf yang ramah).

Foto restoran yang terang, natural, dan interaksi yang nyata.

Don't

Hindari foto hitam putih, muram, atau terlalu artifisial (stock-photo kaku).

2. Fotografi Menu Produk

Untuk foto menu yang akan ditampilkan di aplikasi Scanin, pastikan makanan menjadi fokus utama. Gunakan pencahayaan yang merata, kontras yang baik, dan pastikan warna makanan terlihat menggugah selera (appetizing).

Fokus tajam pada hidangan, pencahayaan alami/terang, dan komposisi *close-up* yang rapi.