Design System & Brand Guidelines

System of Standard.

Cetak biru terpadu identitas Wylkpy: memisahkan secara tegas Identitas Utama Merek (Brand Core) untuk medium fisik & hukum dari Sistem Desain Digital antarmuka web.

01

Esensi Merek & Karakteristik Studio

Wylkpy berdiri sebagai The Visionary Director & Architect: memadukan intuisi kreatif berani dengan ketelitian struktural yang terukur. Merek kami menolak tren sesaat demi melahirkan identitas yang berbobot dan abadi.

Prinsip I

Clarity Over Noise

Menghilangkan dekorasi tanpa maksud. Setiap garis, bidang warna, dan kata harus memiliki peran penegasan makna kontekstual yang jujur.

Prinsip II

Direction First

Estetika tanpa arah strategis adalah kesia-siaan. Kami mendefinisikan visi arsitektural dan tujuan proyek sebelum memulai produksi visual.

Prinsip III

Cinematic Restraint

Kemewahan yang tenang (*understated luxury*). Atmosfer visual yang sunyi dari kebisingan komersial, berwibawa, dan tahan lama melintasi zaman.

02

Tone of Voice & Pedoman Komunikasi

Bahasa komunikasi Wylkpy mencerminkan integritas studio arsitektural dan rumah mode editorial: artikulatif, tenang, tidak bertele-tele, dan selalu berbasis kejelasan substansi.

1. Articulate & Decisive format_quote

Kalimat padat makna, berwibawa, dan langsung pada inti permasalahan tanpa repetisi atau basa-basi berlebih.

✓ Standar Narasi:

"Kami merumuskan arah visual agar pesan tersampaikan secara jernih dan berdaya pikat."

2. Restrained Authority verified_user

Berbicara dari posisi keahlian dan karya nyata tanpa hiperbola bombastis atau kesombongan korporat kosong.

× Dilarang (Hindari):

"Kami adalah agensi no. 1 paling keren dan serba bisa yang akan mengubah dunia bisnis Anda!"

3. Editorial Poetics auto_stories

Menggunakan istilah arsitektural dan ritme sastra yang elegan, menghindari jargon *slang* atau *buzzword* teknologi instan.

• Diksi Kunci:

"Keheningan visual memberikan panggung lapang bagi esensi pesan untuk bernapas."

04

Ruang Bebas (Clear Space) & Skala Minimum

Ruang bebas (*clear space*) menjamin agar identitas logo terbebas dari interferensi tipografi atau elemen visual lain. Jarak isolasi minimal didefinisikan secara proporsional sebesar tinggi huruf "W" dari logotype.

architecture Spesimen Blueprint: Diagram Ruang Bebas (Clear Space Grid) Rasio Isolasi = 1X (X = Tinggi "W")
+ + + +
1X
1X
1X
1X

* Area bergaris putus-putus merupakan zona steril. Tidak boleh ada teks narasi, tombol, atau watermark yang melanggar batas 1X.

Ukuran Minimum Media Cetak (Print) Fisik

Logotype horizontal tidak boleh dicetak dengan tinggi kurang dari 8 mm.
Logomark simbol tidak boleh dicetak dengan tinggi kurang dari 10 mm agar garis presisi tidak melebur pada proses sablon atau offset.

Ukuran Minimum Media Layar (Digital) Layar

Logotype horizontal tidak boleh ditampilkan kurang dari tinggi 24 px.
Logomark simbol memiliki batas minimum 20 × 20 px untuk menjaga legibilitas pada favicon browser atau dock icon mobile.

05

Aturan Penggunaan Logo (Do's & Don'ts)

Keseragaman visual adalah benteng integritas merek Wylkpy. Setiap penerapan yang menyimpang akan menurunkan otoritas studio:

✓ BENAR Monokrom Resmi
Wylkpy Logotype Monokrom Benar

Kontras monokrom mutlak: warna #0A0A0A di atas latar putih/terang.

× SALAH Distorsi Aspek
Wylkpy Logotype Distorsi Aspek Salah

Dilarang mendistorsi aspek rasio (meregangkan secara horizontal maupun vertikal).

× SALAH Pewarnaan Aksen
Wylkpy Logotype Pewarnaan Aksen Salah

Dilarang mewarnai logo dengan warna aksen Teal, Gold, atau gradasi warna.

× SALAH Drop Shadow Kasar
Wylkpy Logotype Drop Shadow Kasar Salah

Dilarang menambahkan efek bayangan kasar (*drop-shadow*) atau outline tebal.

06

Tipografi Merek Resmi (Editorial & Stationery)

Kombinasi tiga keluarga huruf resmi Wylkpy untuk publikasi editorial fisik, piagam, dan korespondensi dokumen legal:

Spesimen Layout: Tata Letak Kop Surat & Dokumen Resmi (Stationery)
Wylkpy Official Letterhead Creative Direction & Production Collective
REF: 2026/DOC-01

Kepada Mitra & Kolaborator Terhormat,

Setiap dokumen resmi Wylkpy disusun menggunakan tata letak grid presisi. Judul surat memanfaatkan keanggunan Playfair Display, sedangkan seluruh penjelasan pasal dan substansi perjanjian menggunakan Inter dengan tingkat keterbacaan tinggi.

WYLKPY INTERACTIVE • JAKARTA, ID STAMP: VERIFIED LEGAL
Headline Typeface

Playfair
Display.

Sebuah typeface transisi dengan kontras tinggi. Digunakan eksklusif untuk judul dokumen, tajuk direktif, dan kutipan artistik (quotes).

Desainer Claus Eggers Sørensen
Klasifikasi Transitional Serif
Penggunaan Display / Judul Halaman
Aa &Q
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 • ! @ # $ % & * ( )
Regular
Italic
Bold
Black
Body Typeface

Inter.

Typeface neo-grotesque yang dirancang khusus untuk layar komputer. Sangat legibel pada ukuran kecil. Digunakan untuk isi teks, tabel data, label metadata, dan navigasi antarmuka.

Desainer Rasmus Andersson
Klasifikasi Neo-Grotesque Sans
Penggunaan Body / Teks UI / Metadata
Aa g@
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 • ! @ # $ % & * ( )
Light
Regular
Semibold
Black
07

Palet Warna Inti Studio & Rasio Distribusi

Palet identitas resmi Wylkpy dirumuskan secara terukur dalam 6 warna esensial: dua warna fondasi monokrom untuk kanvas & logo resmi, warna utama Electric Turquoise beserta warna bantu keterbacaan, dan warna sekunder Radiant Gold beserta warna bantu cetak fisik:

Obsidian Black Kanvas Studio & Logo
#0A0A0A Pantone Black 6 C
Fondasi Monokrom #0A0A0A

Warna kanvas utama studio pada ranah gelap serta warna mutlak Logomark & Logotype di atas latar terang.

Pure White Kertas Dokumen & Logo
#FFFFFF Opaque White
Fondasi Monokrom #FFFFFF

Warna substrat kertas fisik administratif serta warna mutlak Logomark & Logotype di atas latar gelap.

Electric Turquoise Aksen Primer Studio
#19E6C4 Pantone Neon 802 C
Warna Utama Brand #19E6C4

Aksen utama identitas studio. Titik fokus pendar sinematik di kanvas gelap dan aksen grafis di dokumen terang.

Deep Marine Teal Keterbacaan Teks
#0D9488 Pantone 7474 C
Turunan Bantu Fungsional #0D9488

Warna bantu khusus tipografi teks panjang, judul dokumen SPK, dan angka tabel di atas kertas putih. (99,5% tidak di kanvas gelap).

Radiant Gold Sekunder / Tolak Ukur
#FFDA61 Foil Luxor 428
Standar Warisan #FFDA61

Aksen sekunder penanda tolak ukur kurasi studio, status direktif aktif, dan pendar foil segel fisik pada kanvas gelap.

Classic Gold Aksen Cetak Terang
#C59B27 Pantone 871 C Metallic
Turunan Bantu Cetak #C59B27

Warna bantu emas klasik berbobot tegas untuk stempel piagam, hotprint stationery, dan cetak fisik kanvas terang.

Formula Rasio Penerapan Identitas: 80% Monokrom • 15% Teal • 5% Gold
80% MONOKROM (#0A0A0A & #FFFFFF)
15% TEAL
5%
• Kanvas latar, struktur arsitektur, tipografi legal, dan logo resmi • Aksen grafis, titik fokus, border interaktif, watermark dokumen • Tolak ukur kurasi, indikator direktif aktif, foil segel fisik
08

Arsitektur Dua Kanvas Fisik

Pemisahan tegas penerapan medium fisik antara Kanvas Gelap Bespoke (kartu akses, merchandise) dan Kanvas Terang Administratif (dokumen legal kertas putih):

Kanvas Gelap (Matte #0A0A0A) Electric Accent

Media Eksklusif, Kartu & Apparel Studio

Diterapkan pada materi personal studio di mana latar hitam diwujudkan melalui material bawaan (*dyed cotton paper 600gsm*), akrilik matte, atau bahan kain hitam pekat.

Wylkpy ID Card
TAP // 001

ACCESS DIRECTIVE CARD

FLAZZ BCA BESPOKE EDITION

MATTE BLACK PVC • 85.6 x 53.98 MM PULSE: #19E6C4
• Cakupan: Kartu Nama Matte Black 600gsm, Kartu Flazz BCA Kustom, ID Tap Acrylic, Kaos Heavyweight 235gsm, Hoodie Bordir.
• Aksen Warna: Electric Turquoise (#19E6C4) & Radiant Gold (#FFDA61). Deep Marine 99,5% tidak digunakan di kanvas gelap.
Kanvas Terang (White Paper) Graphic #19E6C4 + Text #0D9488

Dokumen Administratif & Sinergi Warna

Di atas kertas putih, Electric Turquoise (#19E6C4) tetap menjadi warna utama elemen grafis, sedangkan Deep Marine Teal (#0D9488) digunakan untuk tipografi teks dan label demi keterbacaan sempurna.

Wylkpy SPK Document
SURAT PERJANJIAN KERJA (SPK)
Standard Directive
NO: SPK/2026/09-A VERIFIED
Ruang Lingkup Proyek Creative Direction & Visual System
Status Otorisasi Disahkan & Terdaftar Resmi
KERTAS HVS / CONQUEROR 100GSM GRAFIS: #19E6C4 • TEKS: #0D9488
• Elemen Grafis (#19E6C4): Aksen badge, garis pembagi, bullet mark, watermark grafis, dan highlight visual di atas kertas putih.
• Tipografi Teks (#0D9488 & #0A0A0A): Teks judul, label metadata, dan angka tabel menggunakan Deep Marine Teal (#0D9488) dan hitam kanvas (#0A0A0A) agar kontras tajam tanpa silau.
09

Standar Material Fisik & Matriks Cetak

Tolak ukur material dan teknik produksi cetak untuk menjaga konsistensi fisik merek Wylkpy di dunia nyata:

Kategori Media Substrat / Material Teknik Cetak & Finishing Formula Warna / Tinta
Kartu Nama & ID Flazz Cotton Paper 600gsm Matte Black / PVC Core Kartu 0.8mm Logo Putih Murni (#FFFFFF) + UV Flatbed Neon Accent Pantone Neon 802 C (#19E6C4) + Foil Gold Luxor 428 (#FFDA61)
Invoice & Dokumen SPK Conqueror Laid 100gsm Brilliant White / HVS Premium 80-100gsm Offset / High-Res Laser Digital (Paduan Grafis & Teks) Logo/Teks #0A0A0A + Grafis #19E6C4 + Teks Aksen Pantone 7474 C (#0D9488)
Apparel Studio (Kaos & Hoodie) 100% Cotton Heavyweight Combed 20s/16s (220-250gsm) Jet Black Sablon Plastisol Doff / Discharge Print + Bordir Tatami Rapat Plastisol Electric Teal Custom Formula + Benang Emas Madeira 40
Kemasan & Packaging Tape Flute Kraft Box Hitam Pekat / Reinforced Kraft Gummed Tape Flexo Waterbased Silkscreen 1-Warna / Hot Melt Foil Seal Silkscreen Monokrom Putih + Stiker Segel Bulat Emas Terkurasi
gpp_maybe

Batasan Kritis Produksi Fisik (Guardrails)

× Hindari Cetak Blok Dokumen Legal

Jangan pernah memaksakan mencetak invoice atau SPK dengan latar hitam pekat penuh demi warna Electric; hal ini merusak kertas, boros toner, dan tidak memiliki keabsahan formal.

× Pemisahan Peran Warna Kertas Putih

Pada kertas putih, Electric Turquoise (#19E6C4) digunakan untuk elemen grafis/aksen visual. Untuk teks panjang dan data, wajib gunakan Deep Marine Teal (#0D9488) atau hitam #0A0A0A.

× Logo #0A0A0A & Bebas Deep Marine di Kanvas Gelap

Logo resmi menggunakan #0A0A0A di kanvas terang dan #FFFFFF di kanvas gelap (bukan warna-warni). Di kanvas gelap, warna Deep Marine Teal 99,5% tidak akan pernah digunakan.

10

Paket Aset Resmi & Unduh Logo Pack

Official Assets Kit Format: SVG, PNG (Transparent)

Unduh Paket Logo Resmi (Logo Pack)

Paket lengkap logo primer, logomark simbol, monokrom gelap (#FFFFFF), monokrom terang (#0A0A0A), dan favicons kit beresolusi tinggi untuk publikasi resmi.

download Unduh Logo Pack (ZIP) * Paket aset resmi sedang dikurasi & segera hadir