◆ Brand Identity

WAN Studio
brand guide

Sistem identiti visual untuk Wan Studio — logo, palet warna, typography, dan prinsip motion. Guna dokumen ini sebagai panduan rasmi.

Logo

Konsep: huruf "W" zigzag stroke, dengan satu titik aksen (•) yang mewakili ketelitian dan detail kerja. Mudah diingat, scalable dari favicon ke billboard.

Versi gelap · primary
Versi terang
Wan Studio
Web Design · Malaysia

Palet Warna

Dark mode dengan satu aksen elektrik. Lime kuning-hijau (#D4FF3D) dipilih kerana ia menonjol tanpa nampak murah — bertentangan dengan gold/oren tipikal industri web Malaysia.

Ink / Background

#0A0A0A

Paper / Text

#FAFAFA

Electric Lime · Accent

#D4FF3D

Signature Gradient

lime → mint → blue

Typography

Tiga jenis huruf, setiap satu ada peranan jelas. Inter untuk display bold, Instrument Serif untuk aksen italic, JetBrains Mono untuk label & metadata.

Aa — Bisnes anda
Inter · Display · 300–900 · For headlines, body, UI
jujur, elok & laju
Instrument Serif Italic · For accents in headlines, em tags
01 — KERJA KAMI
JetBrains Mono · For section tags, metadata, code

Voice & Tone

Wan Studio bercakap dengan suara jujur, percaya diri, dan tidak melebih-lebih. Tiada hard-sell. Tiada superlatives kosong ("terbaik!", "no.1!"). Bahasa Malaysia santai tapi bukan slang remaja.

✓ Cakap macam ni

"Kami tak janji ranking #1 Google. Sesiapa yang janji macam tu, anda patut tanya kenapa."

"Harga di bawah adalah untuk projek standard. Kalau anda perlu lebih, kami akan terangkan."

✗ Elakkan macam ni

"Naikkan jualan 5X dengan website terbaik di Malaysia! 100% guaranteed!"

"3 slot tinggal! Tamat dalam 23:59:59! Jangan lepaskan peluang!"

Fail Logo

Download logo dalam pelbagai format. SVG adalah format utama (boleh diubah saiz tanpa pixelation).

Motion Principles

Easing utama: cubic-bezier(0.22, 1, 0.36, 1) — natural ease-out yang Framer guna. Hindari linear atau bounce. Animation perlu cepat (200–400ms) tapi tidak rushed.