Brand Guidelines

Satu Identitas. Satu Standar.

Akademi PPC hadir untuk membuat belajar iklan digital terasa praktis, jelas, dan langsung bisa dipakai. Dokumen ini adalah sumber kebenaran resmi untuk bagaimana brand kami terlihat, terdengar, dan digunakan — di website, materi belajar, media sosial, hingga materi mitra.

Versi 1.0 · Diperbarui 21 Agustus 2026 · Pemilik: Digimaya

Ringkasan Brand

Apa yang harus dirasakan siapa pun saat bertemu brand ini — sebelum bicara warna dan font.

Nama brand: Akademi PPC — ditulis dengan spasi dalam teks berjalan, judul, dan percakapan.
Wordmark: AkademiPPC — tanpa spasi, hanya dalam bentuk logo. Jangan dicampur: teks memakai "Akademi PPC", logo memakai "AkademiPPC".
Produk: PPC Mastery — membership 12 bulan.
Kategori: Edukasi iklan digital & tracking: Google Ads, Tag Manager, Analytics, dan platform iklan lain.
Positioning: Pendidikan iklan digital yang praktis, dari praktisinya, untuk orang yang ingin skill yang benar-benar bisa dipakai.
Endorsement: "by Digimaya" — selalu menyertai wordmark sebagai penanda induk brand.

Kepribadian brand

PraktisTidak bertele-tele. Fokus pada yang bisa diterapkan.

JelasKompleksitas dijelaskan dengan bahasa sederhana.

Percaya diriTegas berdasarkan pengalaman, bukan teori.

ManusiawiTerdengar seperti mentor, bukan brosur korporat.

Prinsip Brand

Empat filter untuk setiap keputusan desain dan tulisan. Kalau sebuah elemen tidak lolos salah satunya, buang.

Praktis di atas teoretisKami mengutamakan hal yang bisa langsung diterapkan di akun dan kampanye nyata.

Jelas di atas rumitKompleksitas tidak perlu dibuat lebih rumit dari yang sebenarnya.

Bukti di atas hypeKami bicara dari data, pengalaman, dan praktik — tanpa janji instan.

Berguna di atas dekoratifSetiap elemen visual harus punya fungsi. Hiasan tanpa tugas tidak dipakai.

Logo

Logo kami adalah wordmark tipografis — bukan simbol. Kekuatannya ada pada konsistensi font, dua hijau, dan endorsement.

AkademiPPCby Digimaya

Anatomi

"Akademi" — Hijau Tua #205527Bagian institusional, membawa bobot.

"PPC" — Hijau Brand #008200Titik fokus; keahlian yang kami ajarkan.

"by Digimaya" — Muted, Lato 700Endorsement induk brand, rata kanan di bawah wordmark.

Font: Playfair Display 800. Endorsement: Lato 700, letter-spacing .08em, tinggi ±30% dari tinggi wordmark.

Ruang bebas & ukuran minimum

AkademiPPCby Digimaya

Sisakan ruang kosong minimal setinggi huruf "A" wordmark di keempat sisi. Tidak ada teks, gambar, atau tepi halaman yang masuk ke area ini.

Konteks	Lebar minimum
Digital, dengan endorsement	140 px
Digital, format kompak (tanpa "by Digimaya")	90 px
Cetak, dengan endorsement	30 mm

Di bawah 140 px, "by Digimaya" tidak lagi terbaca — pakai format kompak (wordmark saja). Ini satu-satunya kondisi endorsement boleh dihilangkan.

Latar yang diizinkan

AkademiPPC

✓ PUTIH

AkademiPPC

✓ LATAR LEMBUT

AkademiPPC

✓ HIJAU TUA (VERSI PUTIH)

AkademiPPC

✗ FOTO/TEKSTUR RAMAI

AkademiPPC

✗ LATAR MERAH

Varian

Varian	Kapan dipakai
Primer (dua hijau + endorsement)	Default di semua latar terang.
Reversed (putih penuh)	Di atas Hijau Tua atau foto gelap berkontras tinggi — dipakai di mode gelap panel admin.
Kompak (tanpa endorsement)	Hanya untuk ruang < 140 px: favicon, avatar sosial, watermark kecil.
Monokrom (satu warna: Hijau Tua atau hitam)	Cetak satu warna, stempel, dokumen hitam-putih.

Yang tidak boleh

AkademiPPC

✗ MENARIK / MEMAMPATKAN PROPORSI

AkademiPPC

✗ WARNA DI LUAR SISTEM

AkademiPPC

✗ GRADIENT, BAYANGAN, OUTLINE, EFEK APA PUN

AkademiPPCby Digimaya

✗ MEMISAHKAN / MEMINDAHKAN "BY DIGIMAYA"

Warna

Hijau membangun identitas. Merah menciptakan aksi. Netral memberi ruang. Empat warna inti, masing-masing dengan satu peran yang tidak saling tukar.

Palet inti & perannya

Hijau Brand#008200Peran: identitas. Logo, aksen, link, eyebrow, status positif, tombol sukses.

Hijau Tua#205527Peran: otoritas. Headline, section gelap, teks penting.

Merah#ff2b00Peran: aksi. Eksklusif tombol CTA dan tanda ✗/error. Tidak pernah dekoratif.

Abu#c3c3c3Peran: struktur. Border & pemisah — bukan untuk teks.

Warna pendukung

Merah Teks#cc2200Satu-satunya merah untuk teks kecil (pesan error).

Latar Lembut#f7f8f7Section selang-seling, latar komponen.

Teks Utama#2b2f2bBody text.

Teks Muted#616b61Teks pendukung, keterangan, label.

Keseimbangan warna

±70% Netral ±20% Hijau 10%

Sebuah halaman terasa "Akademi PPC" justru karena hijau dipakai hemat dan merah nyaris hanya di satu tempat: tombol yang ingin kamu diklik. Kalau merah mulai muncul di headline atau hiasan, kekuatan CTA-nya hilang.

Aksesibilitas (WCAG 2.1)

Kombinasi	Pemakaian	Kontras	Hasil
Hijau Tua / putih (dan sebaliknya)	Headline, section gelap	8,79 : 1	AAA
Teks Utama / putih	Body	13,6 : 1	AAA
Hijau Brand / putih (dan sebaliknya)	Link, aksen, tombol sukses	5,01 : 1	AA
Teks Muted / putih	Keterangan	5,55 : 1	AA
Putih / Merah	Tombol CTA	3,75 : 1	AA hanya teks besar/tebal
Abu / putih	—	1,76 : 1	Gagal — bukan untuk teks

Karena putih/merah hanya 3,75 : 1, teks CTA selalu Lato 900 dan minimal 16 px — jangan pernah merah untuk teks kecil; pakai Merah Teks #cc2200.
Abu #c3c3c3 hanya untuk garis dan border. Untuk teks sekunder pakai Teks Muted.
Jangan menyampaikan makna hanya dengan warna — sertakan ikon ✓/✗ atau kata.

Tipografi

Dua keluarga font, dua tugas yang tidak saling tukar. Tidak ada font ketiga.

Playfair Display — display & headline

Belajar Iklan Digital dari Praktisinya

Aa Bb Cc Dd Ee Ff Gg · 0123456789

600 SemiBold — judul kartu700 Bold — judul section, H1–H3800 ExtraBold — hero & logo

Lato — body & UI

Tegas, netral, nyaman dibaca panjang.

Aa Bb Cc Dd Ee Ff Gg · 0123456789

400 Regular — paragraf700 Bold — label, navigasi, penekanan900 Black — tombol, angka, eyebrow

Skala tipografi

Peran	Font	Ukuran	Line-height	Catatan
Display / H1	Playfair 700–800	clamp(1,7rem → 2,5rem)	1,25	Satu per halaman. Warna Hijau Tua.
H2 (judul section)	Playfair 700	clamp(1,7rem → 2,5rem)	1,25	Didahului eyebrow.
H3 (judul kartu)	Playfair 600–700	1,05–1,2rem	1,3
Lead / subjudul	Lato 400	1,02–1,08rem	1,7	Warna Teks Muted.
Body	Lato 400	1rem (16 px)	1,7	Lebar baris ideal ≤ 68 karakter.
Small / meta	Lato 400–700	0,8–0,875rem	1,5
Eyebrow / label	Lato 900	0,72–0,75rem	1	UPPERCASE, letter-spacing .12–.14em, pill outline hijau.
Tombol	Lato 900	0,95–1,05rem	1	Kapitalisasi judul ("Gabung Sekarang"), bukan KAPITAL.

Ringkasnya: Playfair hanya untuk judul dan pernyataan besar. Paragraf, navigasi, label, tombol, dan tabel selalu Lato. Tidak ada font ketiga, tidak ada italic dekoratif, huruf kapital semua hanya untuk eyebrow.

Benar & salah

Kuasai Conversion Tracking

Pasang tag, uji, dan validasi datanya di akunmu sendiri.

✓ HEADLINE PLAYFAIR, BODY LATO

Kuasai Conversion Tracking

Pasang tag, uji, dan validasi datanya di akunmu sendiri.

✗ TERTUKAR

Voice & Tone

Cara kami bicara harus sekonsisten cara kami terlihat. Voice selalu sama; tone menyesuaikan konteks.

Voice kami

PraktisLangsung ke inti, beri langkah yang bisa dikerjakan.

JelasKonsep rumit dijelaskan dengan kalimat pendek dan contoh.

Percaya diriTegas tanpa klaim berlebihan; angka nyata lebih kuat dari superlatif.

ManusiawiMenyapa dengan "kamu", seperti mentor yang duduk di sebelahmu.

Tone per konteks

Konteks	Tone	Contoh
Halaman penjualan	Percaya diri + persuasif	"Kuasai Google Ads dari nol sampai bisa optimasi sendiri."
Materi belajar	Praktis + membimbing	"Sekarang buka tab Conversions, lalu…"
Grup diskusi / instruktur	Membantu + konkret	"Cek dulu Click Classes-nya aktif — itu penyebab paling umum."
Pesan sistem & error	Jelas + menenangkan	"Sesi kamu sudah kedaluwarsa karena halaman terbuka terlalu lama. Silakan coba sekali lagi."
Media sosial	Santai + energik, tetap jujur	"Satu setting kecil ini sering bikin CPA bengkak."

Aturan penulisan

Sapaan kamu (bukan Anda), kami untuk brand.
Istilah teknis tetap bahasa Inggris: campaign, keyword, CPA, conversion — tanpa dimiringkan.
Angka spesifik: "CPA turun 40%", bukan "hasil maksimal".
Kalimat pendek. Satu ide per kalimat.

Janji instan: "dijamin", "dalam 7 hari", "revolusioner".
Tanda seru beruntun dan huruf kapital semua.
Jargon korporat: "solusi terintegrasi", "sinergi".
Merendahkan pembaca atau kompetitor.

Contoh: benar vs salah

"Pelajari cara membuat campaign Google Ads yang bisa langsung kamu terapkan."
✓ PRAKTIS, KONKRET

"Unlock your ultimate Google Ads potential!"
✗ HYPE, KOSONG

Imagery & Ikon

Gambar membuktikan, ikon mendukung. Keduanya diam — tidak bersaing dengan headline.

Gambar yang kami pakai

Screenshot dashboard nyata (Google Ads, GA4, GTM), data sensitif disamarkan.
Foto instruktur & tim apa adanya — cahaya natural, latar kerja sungguhan.
Diagram/flowchart sederhana; ilustrasi flat dengan palet sistem ini bila perlu.

Hindari

Foto stok "orang berjas menunjuk laptop".
Ilustrasi kartun kekanak-kanakan, 3D mengilap, gradient, glow.
Teks di dalam gambar yang seharusnya teks HTML.

Ikon

Set tunggal Heroicons Outline: stroke 1,5 px, ujung membulat, 20 px di dalam teks / 24 px mandiri.
Warna mewarisi teks; Hijau Brand untuk status positif. Tanda tetap: ✓ hijau = boleh, ✗ merah = tidak — satu-satunya merah non-CTA.
Emoji hanya sebagai penanda fungsional di member area (📌 sematan, 👍 membantu) — tidak di headline, tombol, atau materi pemasaran.

Layout & Design Token

Nilai-nilai ini hidup di CSS situs dan bisa diunduh sebagai file token — satu sumber untuk desainer dan developer.

Token	Nilai	Catatan
Container	`1040px`, gutter `1.5rem`	Semua halaman rata dengan navbar. Pengecualian sadar: halaman materi (player) full-width.
Ritme section	`5.5rem 0`	Section selang-seling putih / Latar Lembut; section gelap Hijau Tua untuk momen penting.
Skala spasi	`8 · 16 · 24 · 32 · 48 · 64`	Basis 8 px. Jarak antar kartu 1–1,25rem.
Radius	`16px` kartu/container · `12px` komponen kecil · `999px` pill	Tombol 10–14 px.
Border	`1px rgba(195,195,195,.55)`	Satu ketebalan untuk semua pemisah.
Bayangan	`0 18px 44px rgba(32,85,39,.08)`	Sangat halus, hanya untuk elevasi kartu utama. CTA merah punya bayangan warna sendiri.

Komponen UI

Beginilah Akademi PPC membangun antarmuka. Komponen di bawah dirender dengan CSS asli situs — bukan gambar.

Tombol

Gabung Sekarang Lihat Kurikulum Pelajari lebih lanjut →

Primer merah = satu per layar, untuk aksi utama. Ghost hijau tua = aksi sekunder. Link teks hijau = navigasi ringan. Tombol sukses/konfirmasi memakai Hijau Brand.

Form

Email ini sudah terdaftar.

Label Lato 700 di atas field, radius 8 px, fokus cincin hijau 3 px. Error: Merah Teks, tebal, di bawah field — tanpa ikon tambahan.

Kartu

Judul KartuIsi pendukung dalam Lato, warna muted.

Putih, border 1 px, radius 14–16 px, padding 1,5–2 rem. Bayangan hanya untuk kartu utama (harga, checkout).

Label & badge

Eyebrow Section Google Tag Manager

Eyebrow: pill outline hijau, uppercase, 900. Pill topik: outline tipis, kecil. Badge status: latar hijau transparan, uppercase.

Unduh Aset

Gunakan file resmi ini — jangan membuat ulang logo dari font.

Logo primerPNG transparan, 2462 × 504 pxUnduh PNG →

Logo reversedPNG putih di atas Hijau TuaUnduh PNG →

Logo kompakTanpa endorsement — untuk ruang < 140 pxUnduh PNG →

--appc-green: #008200;

Design tokensWarna, font, radius, spasi sebagai CSS variablesUnduh CSS →

AaAa

FontPlayfair Display & Lato — Google Fonts (lisensi OFL)Playfair →Lato →

Halaman ini

Brand guidelines PDFCetak halaman ini ke PDF — navigasi & header otomatis disembunyikanSimpan sebagai PDF →

Governance

Dokumen ini hidup. Setiap perubahan pada logo, warna, tipografi, voice, atau komponen digital harus mengikuti sistem di sini — dan diperbarui di sini.

Versi: 1.0
Diperbarui: 21 Agustus 2026
Pemilik: Akademi PPC / Digimaya
Kontak: WhatsApp admin — pertanyaan penggunaan brand oleh mitra, affiliate, atau media.
Sumber kebenaran: Halaman ini + token CSS di situs. Bila ada perbedaan dengan materi lama, halaman ini yang berlaku.

Riwayat perubahan

Versi	Tanggal	Perubahan
1.0	21 Agustus 2026	Brand system pertama — menggantikan style guide awal (logo, warna, tipografi, suara & nada).