Brand KitBrand Kit
Light Path — clear direction, built to earn trust.Light Path — arah jelas yang dibangun untuk dipercaya.
One path mark, one focused palette, one type stack. Bilingual copy, honest claims, and Indonesia-first defaults across product and marketing.Satu mark jalur, satu palet terarah, satu keluarga tipografi. Copy bilingual, klaim jujur, dan default Indonesia-pertama di seluruh produk dan marketing.
MarkMark
The path-shaped SS mark pairs two routes with blue and teal guide nodes. Use it from favicon to hero without redrawing it.Mark SS berbentuk jalur menggabungkan dua rute dengan node panduan biru dan teal. Gunakan dari favicon hingga hero tanpa menggambar ulang.
24px
40px
56px
88px
Brand essenceEsensi merek
One row per attribute. The tagline is Indonesian by design — English carries a sense, not a literal translation.Satu baris per atribut. Slogan berbahasa Indonesia sesuai desain — Bahasa Inggris membawa makna, bukan terjemahan literal.
| BrandMerek | ShortcutSistemShortcutSistem |
|---|---|
| TaglineSlogan | Guiding you to smarter solutions.Arah jelas untuk bisnis yang lebih cerdas. |
| PromiseJanji | Guidance · Direction · TrustPanduan · Arah · Kepercayaan |
| SystemSistem | Light PathLight Path |
| AudienceAudiens | Indonesian UMKM, sellers, operatorsUMKM, penjual, operator Indonesia |
Personality (fixed)Kepribadian (tetap)
- Confident, not corporatePercaya diri, bukan kaku — Clear and useful; never stiff.Jelas dan berguna; tidak kaku.
- Helpful, not condescendingBantu, tidak menggurui — Sellers are smart; jargon stays optional.Penjual sudah pintar; jargon tetap opsional.
- Bilingual by defaultBilingual sejak awal — Bahasa is not an afterthought.Bahasa bukan pelengkap.
- HonestJujur — Structural AI signals are not live ChatGPT queries; free vs paid stays explicit.Sinyal AI struktural bukan kueri langsung ke ChatGPT; batas gratis vs berbayar tetap eksplisit.
- Indonesia-firstIndonesia-pertama — WhatsApp +62, Rupiah, VA banks, marketplace context.WhatsApp +62, Rupiah, VA bank, konteks marketplace.
Naming (non-negotiable)Penamaan (tidak bisa ditawar)
Product and brand names stay English in both locales. Supporting copy translates; proper nouns do not.Nama produk dan merek tetap bahasa Inggris di kedua lokal. Copy pendukung diterjemahkan; proper noun tidak.
| Correct | Never |
|---|---|
| ShortcutSistem | Shortcut System · ShortcutSistem.id as product name |
| Omni Audit | Audit AI · Omni Audit AI |
| SS Video | Video AI · SS Video AI |
| Custom Solution | Custom Solution AI |
Color — signatureWarna — signature
Navy carries authority. Blue points to action; teal confirms progress and guidance. White space keeps the system calm.Navy membawa wibawa. Biru menunjukkan tindakan; teal menegaskan progres dan panduan. Ruang putih menjaga sistem tetap tenang.
TypographyTipografi
Plus Jakarta Sans for display, Noto Sans for body — clear, warm, and legible in both English and Bahasa Indonesia.Plus Jakarta Sans untuk display, Noto Sans untuk body — jelas, hangat, dan mudah dibaca dalam Bahasa Indonesia maupun Inggris.
Plus Jakarta Sans — Display
Noto Sans — body, UI, captions. Excellent coverage for Latin + Indonesian.
| Role | Family | Weight | Notes |
|---|---|---|---|
| Display / brand / headlines | Plus Jakarta Sans | 600–800 | Clear geometry and controlled trackingGeometri jelas dan tracking terkendali |
| Body / UI / captions | Noto Sans | 400–700 | Excellent Latin + Indonesian coverageCakupan Latin + Indonesia sangat baik |
| Code / meta (optional) | system ui-monospace | 400–600 | Product UI onlyHanya untuk UI produk |
Shape, space, motionBentuk, ruang, motion
Calm, GPU-safe motion. Animate transform + opacity only — no particle nets, no aurora blobs.Motion tenang dan aman untuk GPU. Animasikan transform + opacity saja — tanpa particle net, tanpa blob aurora.
| Token | Value | Use |
|---|---|---|
| Mark clear space | 1 node diameter | Logo and lockupsLogo dan lockup |
| Control radius | 10–14px | Inputs, buttons, small surfacesInput, tombol, permukaan kecil |
| Pill | 999px | Language and status controlsKontrol bahasa dan status |
| Panel radius | 16–20px | Report and dashboard panelsPanel laporan dan dashboard |
| Container | ~1240px | Marketing max widthLebar maksimum marketing |
ApplicationsPenerapan
Where the kit shows up. Same light canvas, navy hierarchy, blue/teal wayfinding, and naming system — from PWA icon to pitch deck.Di mana kit muncul. Kanvas terang, hierarki navy, petunjuk biru/teal, dan sistem nama yang sama — dari ikon PWA hingga pitch deck.
| Surface | Treatment |
|---|---|
| Website / marketing | Light canvas, navy hierarchy, blue/teal wayfinding, bilingualKanvas terang, hierarki navy, petunjuk biru/teal, bilingual |
| Dashboard chrome | Same Light Path tokens, denser informationToken Light Path yang sama, informasi lebih padat |
| Favicon / PWA | Mark only on navyMark saja di atas navy |
| Social avatar | Mark onlyMark saja |
| Social cover | Light canvas + path motif + horizontal lockupKanvas terang + motif jalur + lockup horizontal |
| OG / share | Light canvas, path mark, one concrete promise — no fake metricsKanvas terang, mark jalur, satu janji konkret — tanpa metrik palsu |
| Pitch / PDF | Light Path or mono lockup; print may use black/white monoLockup Light Path atau mono; cetak bisa memakai mono hitam/putih |
| Prefer mono black/white; gradient sparingly (ink cost)Utamakan mono hitam/putih; gradien secukupnya (biaya tinta) | |
| Lockup horizontal; web-safe fallbacks for typeLockup horizontal; fallback web-safe untuk tipografi | |
| Partner / co-brand | ShortcutSistem mark clear-spaced; Powered by … when required; no implication of live LLM queries we don’t runMark ShortcutSistem dengan clear-space; Powered by … bila perlu; tidak menyiratkan kueri langsung ke LLM yang tidak kami jalankan |
Voice & messagingSuara & pesan
Short rules the kit enforces on every marketing surface.Aturan singkat yang ditegakkan kit di setiap permukaan marketing.
- Prefer concrete outcomes over hype (elevate, seamless, unleash).Utamakan hasil konkret dibanding hype (elevate, seamless, unleash).
- Pair .en / .id on marketing unless strategy changes.Pasangkan .en / .id di marketing kecuali strategi berubah.
- Prefer VA bank payment framing (BCA, BNI, Mandiri, BRI, Permata) until product confirms QRIS live again.Utamakan framing pembayaran VA bank (BCA, BNI, Mandiri, BRI, Permata) sampai produk mengkonfirmasi QRIS hidup lagi.
- Never invent testimonials, logos, press, or benchmarks.Jangan pernah mengarang testimoni, logo, liputan, atau benchmark.
- AI readiness = structural signals unless product actually runs a live query.AI readiness = sinyal struktural kecuali produk benar-benar menjalankan kueri langsung.
Specimens — see the kit appliedSpecimen — lihat kit diterapkan
Applied specimens for hero lockups, report panels, CTA patterns, OG assets, social avatars, and social covers.Specimen terapan untuk lockup hero, panel laporan, pola CTA, aset OG, avatar sosial, dan sampul sosial.
Want to dig deeper into the kit?Ingin menggali kit lebih dalam?
The full canonical reference lives in shortcutsistem/brand-kit/BRAND-BOOK.md. Specimens show the kit actually applied.Referensi lengkap resmi ada di shortcutsistem/brand-kit/BRAND-BOOK.md. Specimen menunjukkan kit yang benar-benar diterapkan.