Daftar isi
- 00 — Ikhtisar
- 01 — Fondasi
- 02 — Logo
- 03 — Warna
- 04 — Tipografi
- 05 — Bahasa Visual
- 06 — Suara & Tulisan
- 07 — Penerapan
- 08 — Unduhan
- 09 — Canva
- 10 — Tata Kelola
Label status (Disetujui / Teramati / Usulan / Tertunda) berlaku seperti di versi daring. Elemen interaktif hanya tersedia daring.
LPDP Groningen / Sistem Identitas Visual / V 1.0.0-rc.1
Satu identitas, dijaga bersama.
Panduan resmi komunitas untuk menggunakan logo, warna, tipografi, dan suara LPDP Groningen secara konsisten — di website, publikasi acara, presentasi, dan media sosial.
Daftar bab
Sepuluh bab, satu sistem.
Setiap bab membedakan aturan yang sudah disetujui, implementasi yang teramati, dan usulan yang masih memerlukan persetujuan pemilik proyek.
- 01FondasiTentang komunitas, esensi, slogan, audiens.
- 02LogoMark resmi, varian, penggunaan, larangan, provenans.
- 03WarnaLima warna inti, kontras, kombinasi.
- 04TipografiTiga keluarga font, skala, lisensi.
- 05Bahasa VisualRuang, grid, border, ikon, fotografi.
- 06Suara & TulisanNada, istilah, contoh benar dan keliru.
- 07PenerapanWeb, sosial, poster, slide, template.
- 08UnduhanFile logo, ZIP, PDF, token, checksum.
- 09CanvaMenyusun Brand Kit secara manual dan memeriksanya.
- 10Tata KelolaPersetujuan, versi, pengecualian, pelaporan.
Dokumentasi teknis tambahan: Jelajahi 19 topik Design System, termasuk kisah logo.
Cara membaca status
Apa yang sudah pasti, apa yang belum.
Disetujui
Berasal dari dokumen kanonis website: kontrak desain ekosistem, design freeze, kontrak logo, tata kelola tipografi, atau panduan copywriting.
Teramati di kode situs
Pola yang benar-benar dipakai di kode website, tetapi tidak ditetapkan sebagai aturan tertulis.
Usulan — perlu persetujuan
Usulan portal ini. Boleh dipakai sebagai pedoman kerja, tetapi bukan keputusan resmi sampai disetujui.
Tertunda
Belum tersedia atau terblokir akses eksternal. Tidak ditampilkan seolah-olah sudah ada.
Status rilis: Kandidat rilis — menunggu tinjauan pemilik. Panduan ini mengatur identitas komunitas LPDP Groningen, bukan identitas institusi LPDP, universitas, atau mitra.
01 / Fondasi
Identitas komunitas, berakar di kota.
LPDP Groningen adalah komunitas penerima beasiswa LPDP dan alumninya di Groningen, Belanda. Identitas visualnya membantu anggota, pengurus, dan kolaborator berbicara dengan satu suara yang dapat dikenali.
A / Tentang brand
Untuk apa identitas ini ada.
Tujuan
Dikenali dan dipercaya
Publikasi komunitas mudah dikenali sebagai LPDP Groningen dan terasa dapat dipercaya — tanpa harus mendesain ulang setiap kali.
Posisi
Komunitas, bukan institusi
LPDP Groningen adalah komunitas berbasis Groningen. Identitas ini tidak mewakili, menggantikan, atau mengatur identitas resmi institusi LPDP di Indonesia.
Filosofi
Heritage Editorial + Modern Product Structure
Karakter editorial yang hangat dan menghormati sejarah kota, dipadukan dengan struktur digital yang jernih, terukur, dan mudah diakses.
Disetujui Filosofi dan slogan: website docs/DESIGN_SYSTEM.md.
B / Esensi
Hierarki pesan.
| Tingkat | Teks | Kapan dipakai | Status |
|---|---|---|---|
| 1 | Dari Groningen, untuk Indonesia. | Slogan komunitas. Penutup poster, kaki halaman, sampul. Tidak diterjemahkan pada materi resmi. | Disetujui |
| 2 | Historic Groningen, Modern Impact | Slogan ekosistem. Konteks lintas produk dan presentasi strategis; bukan pengganti slogan komunitas. | Disetujui |
| 3 | Heritage Editorial + Modern Product Structure | Bahasa internal desain. Untuk desainer dan pengembang, bukan untuk publik umum. | Disetujui |
Audiens
Untuk siapa kita menulis
- Awardee yang sedang studi di Groningen
- Calon awardee dan pendatang baru
- Alumni
- Mitra kegiatan dan kolaborator riset
- Publik Indonesia dan Belanda yang tertarik
Teramati di kode situs Disusun dari struktur navigasi website (Komunitas, Panduan Groningen, Awardee & Alumni, Program).
Kepribadian
Tenang, bukan riuh
berkelas · hangat · reflektif · jernih · berirama · inklusif · membumi
Percaya diri tanpa memuji diri. Hangat tanpa sentimental. Profesional tanpa terdengar seperti surat edaran.
Disetujui Dari panduan copywriting website, PRD COPYWRTING.MD §4.
Ekosistem
Satu keluarga, bukan satu template.
Portal publik dan aplikasi ekosistem berbagi lima warna inti dan tiga peran tipografi, tetapi mempertahankan nama, fungsi, dan kepadatan antarmuka masing-masing.
lpdpgroningen.nl
Portal publik
Ekspresi editorial: ruang lega, narasi, aksen serif yang jarang. Memakai mark komunitas.
account.lpdpgroningen.nl
GroninID
Aplikasi akun dan profil anggota. Bagian dari ekosistem; bukan identitas visual terpisah dari komunitas.
finance.lpdpgroningen.nl
GroninGeld
Aplikasi keuangan dengan nama dan wordmark produknya sendiri. Antarmuka lebih padat. Jangan menukar logonya dengan mark komunitas.
Identitas yang terpisah: Logo institusi LPDP, Rijksuniversiteit Groningen, UMCG, PPI Groningen, dan mitra lain adalah identitas pihak ketiga dengan aturan izin masing-masing. Portal ini tidak mendistribusikannya.
02 / Logo & signature
Mark yang tidak diubah.
Emblem LPDP Groningen — Martinitoren di antara nyala jingga, kuning, dan merah — tersedia dalam dua varian resmi. Gunakan file asli, pertahankan proporsi, dan pilih varian sesuai latar.
Varian resmi
Dua file. Tidak lebih.
Hanya dua objek PNG di R2 yang ditetapkan sebagai sumber kebenaran oleh kontrak logo ekosistem. Versi putih hanya mengubah menara menjadi putih; nyala tetap berwarna dan bentuknya identik (mask alfa sama persis).
Tidak ada SVG. Tidak ada file vektor asli yang ditemukan. Semua SVG LPDP Groningen di repositori website hanya membungkus PNG yang sama. Ekspor 1024/2048/4096 px tidak ditawarkan karena master berukuran 638×843 px; memperbesar tidak menambah detail.
Perbandingan latar
Coba sebelum memakai.
Aturan latar
Varian mengikuti latar.
| Latar | Normal | Putih |
|---|---|---|
| Paper Ivory | Benar — Pasangan utama untuk permukaan terang. | Salah — Menara putih hilang di atas ivory. Gunakan versi normal. |
| Clean White | Benar — Disetujui untuk permukaan terang. | Salah — Menara putih tidak terlihat sama sekali. |
| Firmament Navy | Salah — Menara navy hilang di atas navy. Gunakan versi putih. | Benar — Pasangan utama untuk permukaan gelap. |
| Charcoal Ink | Salah — Menara navy tidak terbaca di atas charcoal. Gunakan versi putih. | Benar — Dapat dipakai di permukaan gelap netral. |
| Atomic Orange | Salah — Nyala jingga melebur ke latar jingga. | Salah — Nyala jingga melebur ke latar jingga. |
| Foto | Hanya pada area foto yang tenang dan rata, dengan kontras yang jelas. Bila ragu, letakkan logo pada bidang solid di luar foto. | |
Disetujui Normal untuk permukaan terang, putih untuk navy/gelap: kontrak logo ekosistem. Baris jingga dan foto adalah penalaran visual portal ini. Usulan — perlu persetujuan
Anatomi & signature
Emblem, dan nama yang ditulis.
Anatomi
Satu emblem, tiga unsur
- Menara Martini (Martinitoren) — navy pada versi normal, putih pada versi putih.
- Nyala berlapis jingga, kuning, dan merah — sama pada kedua versi.
- Tidak ada teks di dalam file logo. Nama "LPDP Groningen" tidak menjadi bagian dari gambar.
Teramati di kode situs Deskripsi visual dari file master; warna nyala di file adalah warna gambar, bukan token palet.
Signature
LPDPGroningen
Lockup di website
LPDPGroningenWebsite menyusun signature secara langsung: emblem + teks "LPDP / Groningen" dalam Inter Tight tebal, warna navy (putih di permukaan gelap). Ini teks hidup, bukan file gambar.
Teramati di kode situs src/components/shared/logo/brand-logo.tsx. File lockup unduhan belum disetujui.
Ruang kosong & ukuran
Belum ada angka resmi.
Kontrak logo mewajibkan rasio dipertahankan, tetapi belum menetapkan ruang kosong atau ukuran minimum. Angka di bawah adalah usulan untuk disetujui — bukan aturan.
Disetujui
Rasio tetap
Selalu 638 : 843. Skala hanya proporsional (object-fit: contain).
Usulan — perlu persetujuan
Ruang kosong
Minimal ¼ lebar emblem di setiap sisi. Tidak ada teks, garis, atau logo lain di dalam area ini.
Usulan — perlu persetujuan
Ukuran minimum
Digital: tinggi 40 px. Cetak: tinggi 15 mm. Bukti di kode: website merender emblem paling kecil pada 32×42 px.
Lakukan & hindari
Contoh yang salah ada untuk dikenali, bukan ditiru.
Setiap contoh "Salah" dibuat dengan CSS di halaman ini dari file asli. Tidak ada file salah yang dapat diunduh atau masuk ke paket aset.
Contoh salah: nama produk menggantikan logo komunitas
Contoh salah: font lain pada nama
Provenans
File lama yang tidak masuk unduhan.
Audit forensik memeriksa setiap kandidat logo di repositori website. File di bawah tidak dihapus dari website (itu bukan wewenang portal ini), tetapi tidak dipublikasikan sebagai aset resmi.
| File | Ukuran | Klasifikasi | Isi | Diunduh? |
|---|---|---|---|---|
images/logo/logo.svg | viewBox 0 0 638 843 | legacy-raster-wrapper | PNG tertanam, 0 path vektor | Tidak |
images/logo/logo-white.svg | viewBox 0 0 638 843 | legacy-raster-wrapper | PNG tertanam, 0 path vektor | Tidak |
images/logo/main-logo.svg | viewBox 0 0 260 114 | legacy-composite | PNG tertanam, 0 path vektor; impor font eksternal | Tidak |
images/logo/main-logo-white.svg | viewBox 0 0 260 114 | legacy-composite | PNG tertanam, 0 path vektor; impor font eksternal | Tidak |
images/logo/main-logo-stacked.svg | viewBox 0 0 240 260 | legacy-composite | PNG tertanam, 0 path vektor; impor font eksternal | Tidak |
images/logo/main-logo-stacked-white.svg | viewBox 0 0 240 260 | legacy-composite | PNG tertanam, 0 path vektor; impor font eksternal | Tidak |
images/logo/main-logo.png | 480×228 | legacy-lockup-raster | PNG | Tidak |
images/logo/main-logo-white.png | 480×228 | legacy-lockup-raster | PNG | Tidak |
images/logo/main-logo-stacked.png | 520×573 | legacy-lockup-raster | PNG | Tidak |
images/logo/main-logo-stacked-white.png | 520×573 | legacy-lockup-raster | PNG | Tidak |
images/logo/lpdp-groningen-logowithmark-trans.png | 1254×1254 | legacy-different-drawing | PNG | Tidak |
logo-lpdp-groningen/lpdp-groningen-logowithmark-trans.png | 1254×1254 | legacy-different-drawing | PNG | Tidak |
logo-lpdp-groningen/lpdp-groningen-logowithmark.png | 1254×1254 | legacy-different-drawing | PNG | Tidak |
logo-lpdp-groningen/lpdp-groningen-icon.png | 862×862 | legacy-different-drawing | PNG | Tidak |
logo-lpdp-groningen/lpdp-groningen-favicon.png | 881×881 | legacy-different-drawing | PNG | Tidak |
web-app-manifest-192x192.png | 192×192 | derived-pwa-icon | PNG | Tidak |
web-app-manifest-512x512.png | 512×512 | derived-pwa-icon | PNG | Tidak |
favicon.ico | 48×48 | derived-favicon | PNG | Tidak |
Data lengkap (hash SHA-256, mask alfa, selisih piksel): assets-manifest.json. Logo pihak ketiga (LPDP, universitas, mitra) diaudit tetapi dikecualikan seluruhnya.
03 / Warna
Lima warna. Tidak bertambah.
Nilai HEX dibekukan oleh kontrak desain ekosistem. Warna dipakai menurut fungsi, bukan dekorasi, dan tidak ada palet per kategori atau per program.
Warna inti
Inti yang dibekukan.
Paper Ivory
Kanvas editorial dan permukaan hangat. Tidak pernah menjadi isi tombol/CTA.
- HEX
- #F4F0E8
- RGB
- 244 240 232
- HSL
- 40° 35% 93%
Charcoal Ink
Teks utama dan tinta editorial.
- HEX
- #222222
- RGB
- 34 34 34
- HSL
- 0° 0% 13%
Firmament Navy
Otoritas identitas, aksi utama, permukaan gelap.
- HEX
- #0A1E44
- RGB
- 10 30 68
- HSL
- 219° 74% 15%
Atomic Orange
Aksen bertujuan dan penekanan; bukan teks kecil di permukaan terang.
- HEX
- #F56A1C
- RGB
- 245 106 28
- HSL
- 22° 92% 54%
Groningen Red
Aksen warisan kota atau bahaya yang nyata.
- HEX
- #BB2233
- RGB
- 187 34 51
- HSL
- 353° 69% 43%
Disetujui docs/ECOSYSTEM_DESIGN_CONTRACT.md §2, docs/PRD_DESIGN_FREEZE.md §2.2.
Pendukung
Permukaan dan garis.
Clean White
Permukaan kartu dan panel pendukung.
- HEX
- #FFFFFF
- RGB
- 255 255 255
- HSL
- 0° 0% 100%
Stroke Light
Garis batas tipis pendukung.
- HEX
- #E3E7ED
- RGB
- 227 231 237
- HSL
- 216° 22% 91%
CMYK — konversi rumus, bukan spesifikasi cetak
Nilai di bawah adalah konversi matematis RGB→CMYK tanpa profil warna. Nilai ini tidak boleh dipakai sebagai standar cetak. Tidak ada nilai Pantone atau CMYK resmi. Untuk cetak, minta percetakan melakukan konversi berbasis profil ICC dan periksa proof fisik.
- Paper Ivory: 0 / 2 / 5 / 4
- Charcoal Ink: 0 / 0 / 0 / 87
- Firmament Navy: 85 / 56 / 0 / 73
- Atomic Orange: 0 / 57 / 89 / 4
- Groningen Red: 0 / 82 / 73 / 27
- Clean White: 0 / 0 / 0 / 0
- Stroke Light: 4 / 3 / 0 / 7
Aksesibilitas
Kontras, dihitung.
Ambang WCAG AA: 4,5:1 untuk teks normal, 3:1 untuk teks besar (24 px, atau 18,66 px tebal).
| Teks ↓ / Latar → | Paper Ivory | Charcoal Ink | Firmament Navy | Atomic Orange | Groningen Red | Clean White |
|---|---|---|---|---|---|---|
| Paper Ivory | — | 14:1 AAA | 14.41:1 AAA | 2.65:1 Gagal | 5.45:1 AA | 1.14:1 Gagal |
| Charcoal Ink | 14:1 AAA | — | 1.03:1 Gagal | 5.27:1 AA | 2.57:1 Gagal | 15.91:1 AAA |
| Firmament Navy | 14.41:1 AAA | 1.03:1 Gagal | — | 5.43:1 AA | 2.64:1 Gagal | 16.38:1 AAA |
| Atomic Orange | 2.65:1 Gagal | 5.27:1 AA | 5.43:1 AA | — | 2.05:1 Gagal | 3.02:1 AA teks besar |
| Groningen Red | 5.45:1 AA | 2.57:1 Gagal | 2.64:1 Gagal | 2.05:1 Gagal | — | 6.20:1 AA |
| Clean White | 1.14:1 Gagal | 15.91:1 AAA | 16.38:1 AAA | 3.02:1 AA teks besar | 6.20:1 AA | — |
Aa — 14.41:1
Benar Navy di ivory: pasangan teks utama.
Aa — 15.91:1
Benar Charcoal di putih: teks panjang.
Aa — 16.38:1
Benar Putih di navy: kaki halaman, tombol utama.
Aa — 5.43:1
Benar Jingga di navy: aksen pada permukaan gelap.
2.65:1
Salah Teks jingga kecil di ivory tidak lolos AA. Dilarang oleh design freeze §7.2.
3.02:1
Salah Teks putih di isi jingga: belum ada keputusan pemilik. Jangan dipakai untuk teks kecil.
Komposisi
Proporsi, bukan pelangi.
Benar
Ivory dominan, navy sebagai struktur, jingga sebagai satu titik penekanan.
Benar
Permukaan navy dengan teks putih; merah hanya sebagai aksen warisan yang kecil.
Salah
Jingga dan merah dalam porsi besar bersaing satu sama lain dan dengan nyala logo.
Salah
Warna di luar palet (mis. hijau/ungu per kategori) dilarang. Kategori memakai teks netral atau navy.
04 / Tipografi
Tiga keluarga. Peran yang jelas.
Inter Tight membawa hampir semua teks. IBM Plex Mono untuk data dan metadata. Instrument Serif hanya untuk penekanan editorial yang jarang. Tidak ada keluarga keempat.
Spesimen
Keluarga dan bobot.
Utama — UI, konten, judulDisetujui
Inter Tight
Regular 400Medium 500SemiBold 600Bold 700
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 · ! ? & @ € Rp % ( ) — “ ”
Data — tanggal, status, kode, referensiDisetujui
IBM Plex Mono
Regular 400Medium 500
SAB 14 NOV 2026 · 19.00 CET · ZERNIKE CAMPUS · REF-2026-011
Editorial — penekanan singkat yang jarangDisetujui
Instrument Serif
Regular 400Italic 400
Dari Groningen, untuk Indonesia.
Skala
Skala tipografi website.
Ukuran desktop dari tata kelola tipografi website. Di layar kecil, judul mengecil secara progresif — jangan memaksakan ukuran desktop di ponsel.
Heading 1
68 px / 110%
Belajar di Groningen, kembali untuk Indonesia
Heading 2
52 px / 120%
Belajar di Groningen, kembali untuk Indonesia
Heading 3
40 px / 120%
Belajar di Groningen, kembali untuk Indonesia
Heading 4
32 px / 130%
Belajar di Groningen, kembali untuk Indonesia
Heading 5
24 px / 140%
Belajar di Groningen, kembali untuk Indonesia
Heading 6
20 px / 140%
Belajar di Groningen, kembali untuk Indonesia
Lead
18 px / 150%
Belajar di Groningen, kembali untuk Indonesia
Body
16 px / 150%
Belajar di Groningen, kembali untuk Indonesia
Sekunder
14 px / 150%
Belajar di Groningen, kembali untuk Indonesia
Keterangan
12 px / 150%
Belajar di Groningen, kembali untuk Indonesia
Disetujui docs/PRD_TYPOGRAPHY_FONT_GOVERNANCE.md §6.
Dalam praktik
UI dan teks panjang.
Contoh UI
PROGRAM · SAB 14 NOV 2026
Diskusi publik: energi dan kota
Satu pesan utama, metadata dalam Plex Mono, dan satu aksi utama.
Lihat detailContoh Konten contoh, bukan acara nyata.
Contoh teks panjang
Banyak perjalanan dimulai sendiri. Di Groningen, sebagian perjalanan itu kemudian bertemu — di ruang kelas, di dapur bersama, di diskusi yang berlanjut setelah acara selesai.
Datang membawa tujuan. Pulang membawa pengalaman.
Baris ideal 60–75 karakter. Kutipan Instrument Serif hanya satu per artikel. Usulan — perlu persetujuan
Lisensi & sumber
Semua font berlisensi terbuka.
| Font | Lisensi | Pemegang hak cipta | Sumber |
|---|---|---|---|
| Inter Tight | SIL OFL 1.1 | The Inter Project Authors (2022) | github.com/rsms/inter-tight |
| IBM Plex Mono | SIL OFL 1.1 | IBM Corp. (2017) | github.com/IBM/plex |
| Instrument Serif | SIL OFL 1.1 | The Instrument Serif Project Authors (2022) | github.com/Instrument/instrument-serif |
Lisensi dan atribusi diverifikasi dari paket Fontsource yang dipakai build ini; teks lisensi lengkap: Inter Tight, IBM Plex Mono, Instrument Serif. Portal ini memuat font sendiri (self-hosted), tanpa permintaan ke Google Fonts.
05 / Bahasa visual
Tenang, terstruktur.
Hierarki datang dari skala, bobot, ruang, dan peran semantik — bukan dari efek. Satu ekosistem, bukan satu template.
Aturan beku
Yang sudah diputuskan.
Disetujui
Kartu
Radius 20 px, latar putih, border tipis seragam di semua sisi.
Disetujui
Tanpa rel samping
Dilarang memberi tepi tebal berwarna hanya di satu sisi (border-left jingga/merah/navy).
Disetujui
Tanpa gradien & glass
Tidak pada kartu, tombol, atau permukaan konten. Glass hanya untuk satu permukaan fokus yang terdokumentasi.
Disetujui
Tombol
Utama: navy + teks putih, radius ±12 px, tinggi 44–48 px. Ivory tidak pernah menjadi isi tombol.
Disetujui
Ikon fungsional
Ikon garis (Lucide di website) untuk fungsi. Emoji bukan ikon antarmuka.
Disetujui
Satu header per halaman
Jangan mengulang judul halaman sebagai judul bagian pertama.
Sumber: ECOSYSTEM_DESIGN_CONTRACT.md §5, PRD_DESIGN_FREEZE.md §2.5 & §3, DESIGN_SYSTEM.md §4.
Ruang & grid
Ritme yang dapat diulang.
Skala spasiUsulan — perlu persetujuan
4 px
8 px
12 px
16 px
24 px
32 px
48 px
64 px
96 px
Kelipatan 4/8 px, sesuai skala Tailwind yang dipakai website. Angka spesifik untuk materi cetak/sosial adalah usulan.
Grid & komposisiUsulan — perlu persetujuan
- Web: 12 kolom, lebar konten maksimum ±1200 px.
- Sosial 1080 px: margin 72–96 px, satu pesan utama.
- Poster A4: margin 15 mm, logo di sudut yang tenang.
- Teks panjang: 60–75 karakter per baris.
Radius
12 px · tombol
16 px · gambar
20 px · kartu
pill · navbar
Disetujui Pill hanya untuk pola utilitas/navbar kanonis, bukan tombol halaman biasa.
Gaya yang dilarang
Yang membuat identitas pudar.
Salah
Warna per kategori (badge biru untuk Berita, ungu untuk Alumni).
Salah
Rel aksen tebal di satu sisi — seperti kartu ini.
Salah
Glassmorphism, glow, bayangan dekoratif, kartu yang membesar saat hover.
Salah
Font keempat, termasuk Plus Jakarta Sans, Sora, Manrope, atau Space Grotesk.
Portal vs aplikasi
Kepadatan berbeda, keluarga sama.
| Portal publik | GroninGeld | |
|---|---|---|
| Target | Heritage editorial + portal komunitas modern | Pusat kendali keuangan + pendukung keputusan |
| Ruang | Lega, naratif | Lebih padat, kontrol ringkas |
| Serif | Aksen jarang | Pengecualian di dashboard |
| Mono | ≈7% | ≈3–8% |
| Warna semantik | Hanya palet inti | Warna status keuangan khusus produk, terdokumentasi |
Disetujui ECOSYSTEM_DESIGN_CONTRACT.md §4, §8, §9.
H / Fotografi & potret
Autentik, dengan izin.
Disetujui
Bingkai standar
Border tipis semantik, radius 16–20 px. Tanpa overlay glass, cincin tebal, atau bingkai gradien. Alt text bermakna.
PRD_DESIGN_FREEZE.md §4.3
Usulan — perlu persetujuan
Hak & persetujuan
Pakai foto milik komunitas atau berizin. Untuk potret individu dan anak-anak, minta persetujuan tertulis. Hormati permintaan untuk tidak dipublikasikan.
Usulan — perlu persetujuan
Foto acara
Momen nyata, bukan pose berlebihan. Umumkan bahwa dokumentasi berlangsung dan sediakan opsi untuk tidak difoto.
Usulan — perlu persetujuan
Potret editorial
Cahaya alami dari samping, latar tenang, crop setinggi bahu atau dada, mata di sepertiga atas.
Usulan — perlu persetujuan
Perlakuan gambar
Koreksi eksposur dan white balance saja. Tanpa filter warna, overlay jingga, atau duotone merek.
Usulan — perlu persetujuan
Kualitas
Sisi panjang minimal 1600 px untuk web; hindari foto WhatsApp yang terkompresi untuk sampul.
06 / Suara & tulisan
Tenang, bukan riuh.
Kami menulis sebagai komunitas yang berbicara dengan orang, bukan institusi yang berbicara kepada audiens. Informasi tetap mudah dipindai; narasi tidak boleh menyembunyikan jadwal, tempat, atau tautan.
Disetujui Prinsip dan contoh berasal dari docs/PRD COPYWRTING.MD §4 di repositori website.
Prinsip
Tujuh prinsip suara.
Manusiawi sebelum institusional
Berbicara dengan orang, bukan dari atas.
Puitis, tidak kabur
Metafora harus memperjelas, bukan menggantikan informasi.
Berirama, tidak dipaksakan
Bunyi tidak boleh mengalahkan makna.
Hangat, tidak sentimental
Biarkan detail spesifik membawa emosi.
Bangga, tidak sombong
Rayakan capaian tanpa merasa lebih unggul dari yang lain.
Informatif, tidak birokratis
Waktu, tempat, tenggat, dan tautan ditulis langsung.
Mengajak, tidak menekan
Anggota memutuskan sendiri apa yang relevan.
Benar & keliru
Contoh dari panduan copywriting.
Contoh berbahasa Indonesia dikutip apa adanya dari panduan kanonis.
Manusiawi sebelum institusional
Salah
Kami berkomitmen menjadi organisasi unggulan yang mengembangkan sumber daya manusia Indonesia.
Benar
Banyak perjalanan dimulai sendiri. Di Groningen, sebagian perjalanan itu kemudian bertemu.
Puitis, tidak kabur
Salah
Mari menyalakan suluh cakrawala dalam samudra kolaborasi.
Benar
Bertemu lintas bidang, berbagi pengalaman, dan membuka kemungkinan kolaborasi baru.
Bangga, tidak sombong
Salah
LPDP Groningen kembali membuktikan bahwa anggotanya adalah yang terbaik.
Benar
Selamat atas capaian ini. Semoga menjadi bagian dari perjalanan ilmu yang terus bertumbuh.
Mengajak, tidak menekan
Salah
Jangan sampai menyesal karena melewatkan kesempatan ini!
Benar
Jika topik ini relevan dengan perjalananmu, kamu bisa melihat detail dan mendaftar melalui tautan berikut.
Konteks
Pola untuk tulisan sehari-hari.
Contoh di bawah ditulis untuk portal ini mengikuti panduan copywriting. Nama, tanggal, dan tempat adalah contoh — ganti dengan fakta nyata sebelum publikasi.
Contoh
Pengumuman acara
Diskusi Publik: Energi dan Kota
Sabtu, 14 November 2026 · 19.00 CET · [Tempat]
Jika topik ini relevan dengan perjalananmu, daftar melalui tautan di bio sebelum Kamis, 12 November.
Fakta operasional di depan; ajakan tanpa tekanan.
Contoh
Ucapan terima kasih kemitraan
Terima kasih kepada [Nama Mitra] atas dukungan ruang dan waktu untuk diskusi ini.
Sebut mitra sesuai nama resminya; tampilkan logo mitra hanya dengan izin tertulis; jangan menyiratkan endorsement yang tidak ada.
Contoh
Sorotan riset / awardee
[Nama] meneliti bagaimana jaringan panas distrik dapat menurunkan emisi di kota menengah. Selamat atas publikasi pertamanya.
Jelaskan riset dengan bahasa awam; minta persetujuan sebelum menampilkan nama, foto, atau afiliasi.
Usulan — perlu persetujuan
Istilah
| Tulis | Hindari |
|---|---|
| LPDP Groningen | Lpdp groningen, LPDPGroningen |
| awardee | penerima LPDP (bila ambigu) |
| Rijksuniversiteit Groningen / University of Groningen | RUG tanpa nama lengkap pertama kali |
| Dari Groningen, untuk Indonesia. | terjemahan bebas slogan |
07 / Penerapan
Dari sistem ke publikasi.
Satu pesan utama, hierarki tipografi yang jelas, logo pada latar yang benar, dan fakta operasional yang mudah dipindai.
J / Digital
Web, email, dan permukaan sehari-hari.
LPDP GroningenHeader web
Teramati di kode situs Navbar pill putih mengambang dengan logo normal dan nama dalam Inter Tight.
KomunitasPanduanPrivasiPanduan Identitas Visual
Footer
Teramati di kode situs Footer navy dengan logo putih. Tautan ke portal ini diusulkan untuk baris bawah footer website (lihat Tata Kelola).
[Nama Lengkap]
[Jabatan], LPDP Groningen
[email] · lpdpgroningen.nl
Dari Groningen, untuk Indonesia.
[Jabatan], LPDP Groningen
[email] · lpdpgroningen.nl
Dari Groningen, untuk Indonesia.
Tanda tangan email
Usulan — perlu persetujuan Teks biasa + logo 128 px. Banyak klien email memblokir gambar — teks harus tetap lengkap tanpa logo.
PENGUMUMAN · ANNOUNCEMENTPendaftaran volunteer dibukaTenggat: [tanggal]. Detail di lpdpgroningen.nl/programs
Pengumuman digital
Usulan — perlu persetujuan Satu pesan, satu tenggat, satu tautan.
Template
Template sumber yang dapat diedit.
File SVG dengan teks hidup dan logo resmi tertanam. Buka di Figma, Inkscape, Illustrator, atau Affinity; pasang ketiga font terlebih dahulu. Konten di dalamnya adalah contoh — ganti semua nilai dalam kurung dan contoh sebelum publikasi.
Pengumuman acara komunitas
ContohMengumumkan acara: judul, tanggal, waktu, tempat, cara daftar.
Perkenalan pembicara
ContohMemperkenalkan pembicara dengan foto berizin, nama, peran, dan topik.
Kuliah publik / diskusi akademik
ContohStory untuk diskusi akademik atau kuliah publik; area aman atas/bawah 250 px dibiarkan tenang.
Ucapan terima kasih mitra
ContohBerterima kasih kepada mitra. Area logo mitra kosong sampai ada izin tertulis.
Sorotan riset / awardee
ContohMenyorot riset atau capaian awardee, dengan persetujuan yang bersangkutan.
Canva: Template Canva yang dapat diedit belum dibuat karena belum ada akses akun Canva yang berwenang. Mengimpor SVG ke Canva biasanya menjadikannya grafis, bukan teks yang dapat diedit — susun ulang di Canva menggunakan Brand Kit. Tertunda
Ekspor
Cara mengekspor
- Pasang Inter Tight, IBM Plex Mono, Instrument Serif.
- Buka SVG, ganti teks contoh. Jangan sentuh gambar logo.
- Sosial: ekspor PNG pada ukuran asli (1×). Cetak: ekspor PDF dengan font tertanam.
- Periksa kontras dan ejaan sebelum publikasi.
Batas
Yang perlu diketahui
- Logo di template adalah PNG 512 px; cukup untuk sosial dan slide, tidak untuk spanduk besar.
- Tanpa font terpasang, aplikasi akan memakai font cadangan — hasilnya tidak sesuai identitas.
- Logo mitra hanya ditambahkan dengan izin tertulis.
08 / Unduhan
File asli, label yang jujur.
Setiap file di halaman ini benar-benar ada, tercatat di manifes, dan memiliki checksum. Hanya PNG yang ditawarkan karena tidak ada master vektor asli.
Pilih file
Varian dan ukuran.
Turunan web dibuat dengan memperkecil master (Lanczos, alfa dipertahankan). Tidak ada file yang diperbesar.
| File | Piksel | Ukuran | SHA-256 |
|---|---|---|---|
| lpdp-groningen-logo-normal-original.png | 638×843 | 274 KB | |
| lpdp-groningen-logo-normal-512.png | 387×512 | 119 KB | |
| lpdp-groningen-logo-normal-256.png | 194×256 | 40 KB | |
| lpdp-groningen-logo-normal-128.png | 97×128 | 14 KB | |
| lpdp-groningen-logo-white-original.png | 638×843 | 239 KB | |
| lpdp-groningen-logo-white-512.png | 387×512 | 110 KB | |
| lpdp-groningen-logo-white-256.png | 194×256 | 38 KB | |
| lpdp-groningen-logo-white-128.png | 97×128 | 14 KB |
File asli disalin byte-per-byte dari repositori website. Kesamaan dengan objek R2 kanonis (logo.png, logo-white.png) diperiksa dengan npm run verify:r2. Tertunda
Paket & dokumen
Semua yang lain.
ZIP
Paket logo
8 PNG yang disetujui, manifes, token, dan catatan lisensi. Isi diperiksa terhadap manifes saat build.
PDF
Panduan lengkap
PDF dengan teks yang dapat dipilih, font tertanam, dan daftar isi. Dibuat dari edisi cetak.
Token
Token desain
Warna dan font untuk pengembang.
Template
- Pengumuman acara komunitasevent-announcement-1080x1350.svg · Instagram portrait 4:5↓
- Perkenalan pembicaraspeaker-introduction-1080x1080.svg · Instagram square 1:1↓
- Kuliah publik / diskusi akademikpublic-lecture-story-1080x1920.svg · Instagram Story 9:16↓
- Ucapan terima kasih mitrapartner-acknowledgement-1080x1080.svg · Instagram square 1:1↓
- Sorotan riset / awardeeawardee-spotlight-1080x1350.svg · Instagram portrait 4:5↓
- Slide judul presentasipresentation-title-1920x1080.svg · 16:9 slide↓
- Poster acara A4event-poster-a4.svg · A4 (210 × 297 mm, 300 dpi grid)↓
Tidak tersedia
Dan mengapa.
Tertunda
SVG
No authentic vector master exists in the audited repositories. All six LPDP Groningen SVGs embed PNG data.
Tertunda
PNG 1024 / 2048 / 4096
Master is 638x843; larger files would be upscaled and contain no additional detail.
Tertunda
Horizontal / stacked lockups
Legacy files use obsolete typography and have no approval record.
Alasan ditulis dalam bahasa Inggris karena berasal langsung dari manifes mesin.
09 / Canva Brand Kit
Brand Kit, disusun dengan teliti.
Halaman ini adalah sumber referensi untuk menyusun Brand Kit di Canva. Tidak ada sinkronisasi otomatis antara portal ini dan Canva — setiap perubahan harus diperbarui secara manual.
Status integrasi: Belum ada Brand Kit Canva resmi yang terverifikasi, belum ada template Canva yang dapat diedit, dan tidak ada koneksi API. Nama fitur dan ketersediaan paket Canva belum diverifikasi oleh sesi ini; ikuti antarmuka Canva yang Anda lihat. Tertunda
Isi Brand Kit
Salin persis.
Warna
Lima warna inti
Opsional sebagai pendukung: #FFFFFF, #E3E7ED. Jangan tambahkan warna lain.
Logo
Dua file PNG
Unggah PNG asli, bukan SVG lama dan bukan tangkapan layar.
Font
Peran font
| Judul | Inter Tight · Bold 700 |
| Subjudul | Inter Tight · SemiBold 600 |
| Isi | Inter Tight · Regular 400 |
| Metadata | IBM Plex Mono · 400/500 |
| Aksen | Instrument Serif · Italic |
Jika sebuah font tidak tersedia di Canva Anda, mengunggah font memerlukan paket yang mendukungnya. Jangan mengganti dengan font lain secara diam-diam.
Suara
Nada suara
berkelas · hangat · reflektif · jernih · berirama · inklusif · membumi
Komunitas yang berbicara dengan orang. Fakta operasional ditulis langsung. Mengajak, tidak menekan.
Langkah
Tiga jalur, satu hasil.
Manual (disarankan)
Di Canva, buka Brand Kit lalu tambahkan lima HEX di atas, unggah dua PNG logo, dan atur peran font. Cara ini paling dapat diperiksa.
Dari website (jika tersedia)
Jika akun Anda menawarkan pembuatan Brand Kit dari URL, masukkan
https://brand.lpdpgroningen.nl/canva/. Hasil ekstraksi otomatis wajib diperiksa — alat semacam ini dapat mengambil warna atau gambar yang salah.Dari PDF (jika tersedia)
Jika tersedia impor dari dokumen, gunakan PDF panduan. Periksa hasilnya dengan daftar di bawah.
Verifikasi
Daftar periksa setelah impor.
- Tepat lima warna inti dengan HEX persis: #F4F0E8, #222222, #0A1E44, #F56A1C, #BB2233.
- Tidak ada warna tambahan yang terambil dari foto atau ilustrasi.
- Hanya dua logo: normal dan putih, PNG 638×843, tidak terpotong dan tidak berlatar.
- Tidak ada logo LPDP institusi, universitas, GroninGeld, atau mitra di Brand Kit komunitas.
- Font: Inter Tight, IBM Plex Mono, Instrument Serif — tidak ada pengganti.
- Nada suara sesuai halaman Suara & Tulisan; bukan teks promosi hasil generasi otomatis.
- Catat tanggal dan versi portal (V 1.0.0-rc.1) di deskripsi Brand Kit.
10 / Tata kelola
Dibekukan dengan sengaja.
Konten menyesuaikan diri dengan desain, bukan sebaliknya. Perubahan identitas hanya sah dengan keputusan tertulis pemilik proyek.
Urutan otoritas
Jika ada konflik, yang di atas berlaku.
ECOSYSTEM_DESIGN_CONTRACT.mdLima warna inti dan tiga peran tipografi, lintas repositori.
ECOSYSTEM_LOGO_SOURCE_OF_TRUTH.mdDua URL R2 untuk mark normal dan putih.
PRD_TYPOGRAPHY_FONT_GOVERNANCE.mdKeluarga font dan aturan pemuatan.
PRD_BUTTON_SYSTEM.md·DESIGN_SYSTEM.mdTombol, kartu, framing gambar, pola halaman.
PRD_DESIGN_FREEZE.mdAturan pembekuan dan kepatuhan konten baru.
Portal ini
Mendokumentasikan dan mengoperasionalkan; tidak dapat mengubah aturan di atas.
Semua dokumen berada di repositori website kanonis muhhilalsudarbi-pixel/lpdp-groningen-web.
Keputusan
Siapa memutuskan apa.
| Perubahan | Perlu | Status |
|---|---|---|
| Lima warna inti, tiga peran tipografi | Keputusan tertulis pemilik + keputusan tingkat ekosistem (web dan GroninGeld) | Disetujui |
| Artwork logo atau URL R2 | Persetujuan pemilik + PR terkoordinasi di web, Pusat Akun, dan finance | Disetujui |
| Gaya komponen bersama | Keputusan tertulis pemilik; dokumen dan kode berubah dalam satu PR | Disetujui |
| Ruang kosong, ukuran minimum, lockup baru, master vektor | Persetujuan pemilik atas usulan di portal ini | Usulan — perlu persetujuan |
| Isi portal (perbaikan teks, tautan, bug) | PR yang ditinjau + pemeriksaan otomatis lulus | Usulan — perlu persetujuan |
Pengecualian: "Hanya satu halaman", "hanya untuk acara ini", atau "sementara" bukan dasar pengecualian. Pengecualian yang sah dicatat secara tertulis di design freeze, dengan cakupan terbatas (contoh: footer website, 30 September 2026).
Versi & provenans
Setiap file dapat ditelusuri.
Versi portal
V 1.0.0-rc.1 — Kandidat rilis — menunggu tinjauan pemilik. Versi naik minor untuk konten baru, mayor untuk perubahan aturan yang disetujui.
Manifes aset
Hash SHA-256, ukuran, asal, dan klasifikasi setiap file: assets-manifest.json.
Logo mitra
Hanya dengan izin tertulis dari pemiliknya, untuk publikasi tertentu, dan tidak pernah dimasukkan ke paket aset komunitas.
Melapor
Menemukan branding usang?
Laporkan
Buka issue di repositori lpdpgroningen/lpdp-groningen-brand atau hubungi pengurus melalui halaman kontak website. Sertakan tautan atau tangkapan layar, lokasi, dan tanggal.
Integrasi website
Tautan footer "Panduan Identitas Visual / Brand Guidelines / Huisstijlrichtlijnen" ke portal ini telah disiapkan sebagai patch untuk repositori kanonis. Belum diterapkan. Tertunda