Panduan Merek

Usulan warna dan tipografi untuk STIKOM Yos Sudarso

Halaman ini adalah working draft untuk sistem visual publik. Arahnya mengambil warna yang sudah hidup di logo: biru langit, kuning keemasan, merah marun, dan garis hitam yang tegas, lalu menerjemahkannya ke bahasa web yang lebih modern.

Kembali ke beranda

Halaman ini dapat kita ubah lagi setelah arah brand final disepakati.

STIKOM Yos Sudarso logo

Jangan membangun identitas web dengan merah saja. Untuk kampus ini, biru harus menjadi warna medan utama, marun menjadi warna aksi, emas menjadi aksen, dan tinta gelap menjadi fondasi tipografi. Itu membuat situs terasa akademik, lebih modern, dan tetap dekat dengan lambang resmi.

Arah yang saya sarankan

Palet yang disarankan

Palet ini sengaja lebih ringkas daripada isi logo. Tujuannya bukan menyalin semua warna lambang, tetapi membuat sistem digital yang stabil dan mudah dipakai.

STIKOM Maroon

#95001E

Warna aksi utama untuk tombol, tautan penting, dan penekanan institusional.

Academic Sky

#69B7E3

Warna identitas utama yang diambil dari medan logo dan cocok untuk hero, panel, dan highlight akademik.

Signal Gold

#F3D23B

Aksen hangat untuk statistik, label unggulan, dan elemen yang perlu terasa optimistis.

Campus Ink

#1F2D3D

Netral gelap untuk heading, footer, overlay, dan teks penting.

Slate Support

#5D6B78

Pendamping untuk copy sekunder, garis bantu, dan metadata.

Ivory Paper

#F7F3EA

Latar lembut untuk section informatif agar situs terasa hangat dan institusional.

Tipografi yang disarankan

Tipografi yang disarankan

Kampus modern biasanya terasa paling kuat ketika heading memakai serif editorial dan body memakai sans yang bersih. Untuk STIKOM, kombinasi itu juga membantu menyeimbangkan sisi akademik dan sisi teknologi.

Heading dan pernyataan utama

Source Serif 4

Memberi kesan akademik, matang, dan lebih sesuai untuk institusi pendidikan tinggi daripada sans generik.

Body, navigasi, dan antarmuka

Public Sans

Jelas, modern, dan rapi untuk web bilingual. Cukup formal untuk institusi, tetapi tidak terasa kaku.

Data, slug, dan utilitas teknis

Geist Mono

Tetap berguna untuk area admin dan elemen teknis tanpa mendikte ekspresi visual utama.

Aturan pemakaian sederhana

  • Gunakan Academic Sky sebagai identitas medan besar: hero, strip informasi, dan section pengantar.
  • Gunakan STIKOM Maroon untuk CTA utama, link penting, dan keadaan aktif.
  • Gunakan Signal Gold seperlunya untuk angka, sorotan, dan label unggulan. Jangan dipakai sebagai warna teks panjang.
  • Gunakan Campus Ink sebagai warna heading dan footer utama. Hindari cokelat tua lama sebagai warna inti sistem.
  • Batasi hero slider pada visual yang kuat dengan teks pendek dan overlay gelap tipis agar video tetap terbaca.

Arah layout

Dari referensi yang Anda kirim, pola yang paling tepat bukan homepage yang penuh blok acak, tetapi urutan yang jelas: hero kuat, quick facts, program, admissions, trust, lalu news. Secara visual, STIKOM sebaiknya terasa lebih seperti situs institusi yang percaya diri daripada portal kampus lama.

Hero
Strong visual, short message, one clear action.
Programs
Academic offer first
Admissions
Clear next steps
Trust
Accreditation, contact, outcomes

Catatan implementasi

Saya sudah menyiapkan variabel warna dasar dan pasangan font ini di aplikasi. Artinya, rollout visual bisa dilakukan bertahap tanpa membongkar struktur konten lagi.