Brand

Guidelines 2022
Akses Resmi
Beragam Teknologi Pendidikan
Brand Guidelines Akun belajar.id 2022

Daftar isi Bagian 1

Identitas Visual
Tampilan logo
Ketentuan area aman
Implementasi logo
Panduan ukuran logo
Larangan penggunaan logo
Tipografi
Tagline

Bagian 2
Palet Warna
Kode warna HEX & RGB
Kode warna PANTONE

Bagian 3
Sistem Implementasi
Media sosial
Kolateral digital
Kolateral cetak

04
Bagian 1
Identitas Visual
Brand Guidelines Akun belajar.id 2022

Tampilan Logo

*penggunaan logotype & logogram harus menjadi satu

kesatuan tidak dapat berdiri sendiri

Akun belajar.id adalah “kunci
master” resmi untuk mengakses
berbagai platform teknologi dari
Kemdikbud Ristek
Warna pada logogram menggambarkan berbagai jenjang yang dapat
mengakses Akun belajar.id ( dasar, menengah, dinas )
Siapapun dapat menjadi bagian dari terbentuknya ekosistem
pendidikan yang lebih baik dengan meng akses berbagai perangkat
edukasi (internal dan eksternal) melalui Akun belajar.id.
06
Brand Guidelines Akun belajar.id 2022

Ketentuan Area Aman dalam

Implementasi Logo

Memiliki ruang yang

cukup di sekitar logo akan X X
membuat desain terlihat X X
lebih baik, dan memberi
logo hierarki visual yang
sesuai

Ruang kosong ditentukan oleh “x-height”,

yang merupakan bagian unit tipografi
dalam struktur logo. Ketentuan area aman X X
di sekitar logo merupakan bagian dari
identitas visual seperti halnya elemen X X
lainnya.

Menyediakan ruang kosong yang

memadai di sekitar logo akan menghindari
kekacauan dan memastikan integritas
merek tersampaikan dengan baik.

07
Brand Guidelines Akun belajar.id 2022

Implementasi logo

Menjaga karakteristik
warna logo dengan
implementasi pada warna
latar yang tepat

Salah satu karakteristik pada logo Akun

belajar.id adalah penggunaan warna pada
logogram. Warna tersebut harus terlihat
jelas dalam setiap implementasinya.
Berikut ini adalah beberapa contoh
Implementasi logo Akun belajar.id diatas
warna latar yang dianjurkan.

08
Brand Guidelines Akun belajar.id 2022

Implementasi logo pada latar abu terang Implementasi logo pada latar abu gelap

09
09
Brand Guidelines Akun belajar.id 2022

Implementasi logo pada latar biru Implementasi logo pada latar hitam

10
Brand Guidelines Akun belajar.id 2022

Panduan ukuran logo

Digital Ukuran logo terkecil dalam satuan pixel

200px

Menjaga kredibilitas
identitas visual dengan
mengikuti penggunaan
panduan ukuran logo Print Ukuran logo terkecil dalam satuan cm
terkecil

Kami menjaga ukuran logo minimum pada

kebutuhan implementasi logo digital
dan cetak untuk memastikan kualitas
keterbacaan.
2cm

11
Brand Guidelines Akun belajar.id 2022

Larangan penggunaan logo

X Huruf logo tidak dapat berdiri sendiri X Logo tidak boleh di putar X Logo tidak boleh ter distorsi X Logo tidak boleh ter distorsi

X Dilarang memberikan efek bayangan X Dilarang membuat logo jadi gradien X Dilarang merubah logo menjadi outline X Dilarang menggunakan 1 warna

12
Brand Guidelines Akun belajar.id 2022

Larangan penggunaan logo

X Warna branding tidak dapat digunakan sebagai background logo

X Dilarang meletakan logo pada image yang terlalu komplex X Dilarang meletakan logo pada latar gradien

13
Brand Guidelines Akun belajar.id 2022

Inter
Tipografi

Tipografi yang baik dapat A B C D E F G H I J

membantu membangun
K L M N O P Q R S
visual hierarki, membuat
teks lebih mudah dibaca, T U V W X Y Z
dan mengomunikasikan
kepribadian merek a b c d e f g h i j
dengan baik
k l m n o p q r s
Inter adalah keluarga font variabel yang t u v w x y z
dibuat & dirancang dengan cermat untuk
layar komputer. Menampilkan x-height
yang tinggi untuk membantu kemudahan
keterbacaan teks huruf kecil, capital,
1 2 3 4 5 6 7 8 9 0
ataupun campuran keduanya. Font
Inter terdiri dari beberapa berat yaitu ! @ # $ % ^ & * ( )
Bold, Semibold, Medium, dan Regular.
Masing-masing berat dapat digunakan - = _ + [ ] { } ; : ’ ”
untuk kebutuhan logotype, headline, sub
headline, tagline, dan bodytext. \ | , . / < > ?

14
Brand Guidelines Akun belajar.id 2022

Inter Bold
Dapat digunakan sebagai
sub headline & logotype

Inter Semi Bold

Dapat digunakan sebagai
headline atau sub headline

Dapat digunakan sebagai

headline, sub headline, & tagline
Inter Medium

Dapat digunakan sebagai

sub headline, body text
Inter Regular
15
Brand Guidelines Akun belajar.id 2022

Contoh penulisan tagline ( Inter Medium )

Akses Resmi Beragam Teknologi Pendidikan

Contoh penulisan headline ( Inter Medium + Inter Semi Bold ) Contoh penulisan body text ( Inter Regular )

Aktifkan dan Manfaatkan

Pendidik, Kepala Satuan Pendidikan
Akses ke Berbagai dan Dinas Pendidikan sudah
Teknologi Pendidikan merasakan manfaat Akun Belajar.id

Contoh penulisan logotype ( Inter Bold )

16
Brand Guidelines Akun belajar.id 2022

Tagline Panduan penulisan tagline Akun belajar.id

Akses Resmi Beragam Teknologi Pendidikan

01. Format: Satu baris Font: Inter Medium Kerning: 0

Akses Resmi
Beragam Teknologi Pendidikan

02. Format: Dua baris Font: Inter Medium Kerning: 0 Leading: +5 point dari ukuran font

17
Bagian 2
Palet Warna
Brand Guidelines Akun belajar.id 2022

Panduan warna

Keragaman yang terlihat

dari warna pada branding
logo Akun belajar.id

Pendidik, Kepala Satuan Pendidikan dan

Dinas Pendidikan dapat memiliki Akun
belajar.id dan dapat mengakses berbagai
platform teknologi pendidikan.

Warna yang ada pada logo adalah simbol

yang menunjukan bahwa berbagai
kalangan dapat menjadi bagian dari Akun
belajar.id dan mendapatkan berbagai
manfaat dalam ekosistem teknologi
pendidikan di Indonesia.

19
Brand Guidelines Akun belajar.id 2022

Koder warna dalam RGB & HEX

RGB : 255,71,18 RGB : 0,48,135 RGB : 118,158,181 RGB : 255,205,0 RGB : 237,166,43 RGB : 12,95,239
HEX : # FF4712 HEX : # 003087 HEX : # 769EB5 HEX : # FFCD00 HEX : # EDA62B HEX : # 0C5FEF

20
Brand Guidelines Akun belajar.id 2022

Koder warna PANTONE

PMS 172 C PMS 287 C PMS 5425 C

Menjaga kualitas warna

branding dengan
panduan warna PANTONE
untuk keperluan cetak

Agar konsistensi pada branding

tetap terjaga, untuk keperluan cetak
dapat menggunakan panduan kode
warna PANTONE yang tersedia untuk
menghindari kualitas cetak yang tidak PMS 116 C PMS 143 C 2387 C
sesuai.

21
Bagian 3 Sistem
Implementasi
Brand Guidelines Akun belajar.id 2022

Karakteristik Visual

Bold Simple Informative Universal

23
Brand Guidelines Akun belajar.id 2022

Masuk
Masuk dengan

Implemetasi pada button SSO

24
Brand Guidelines Akun belajar.id 2022

Elemen Grafis

Menggunakan elemen
grafis untuk memberikan
karakteristik branding
pada implementasi visual

Penggunaan elemen grafis seperti

pada contoh, dapat di aplikasikan pada
implementasi visual Akun belajar.id.
Peletakan, warna, dan ukuran elemen
tersebut dapat di explore dengan
catatan, perbandingan proporsi elemen
hanya 20% dari keseluruhan artwork.
Harap memperhatikan penggunaannya
agar informasi yang ingin disampaikan
tetap terlihat jelas.

25
Brand Guidelines Akun belajar.id 2022

Eksplorasi Elemen
26
Brand Guidelines Akun belajar.id 2022

Selain bentuk rounded, karakteristik dari

branding Akun belajar.id lainnya adalah
warna. Elemen garis warna warni yang
diambil dari logogram dapat digunakan
sebagai elemen grafis pendukung
implementasi visual Akun belajar.
id. Peletakan elemen tersebut dapat
disesuaikan dengan kebutuhan.

27
Brand Guidelines Akun belajar.id 2022

Eksplorasi Elemen
28
Brand Guidelines Akun belajar.id 2022

29
Brand Guidelines Akun belajar.id 2022

Sistem implementasi
pada media sosial Margin 54px

1080px

Margin 54px

Mandatory logo Area

80px

Text Area
485px

Safe Area 1080px

1350px

Image Area
644px

Sistem 01
30
Brand Guidelines Akun belajar.id 2022

Sistem 01
31
Brand Guidelines Akun belajar.id 2022

Margin 54px

1080px

Margin 54px

Mandatory logo Area

80px

Text Area
273px

Safe Area 1080px

1350px

Image Area
667vpx

Sistem 02
32
Brand Guidelines Akun belajar.id 2022

Sistem 02
33
Brand Guidelines Akun belajar.id 2022

Carousel infografik
34
Brand Guidelines Akun belajar.id 2022

Carousel tutorial
35
Brand Guidelines Akun belajar.id 2022

Carousel tutorial
36
Brand Guidelines Akun belajar.id 2022

General KV
37
Brand Guidelines Akun belajar.id 2022

Margin 54px

1080px

Margin 54px

Mandatory logo Area

80px

Image Area
999px

Safe Area 1080px

1350px

Text Area
320px

Sistem 03
38
Brand Guidelines Akun belajar.id 2022

Sistem 03
39
Brand Guidelines Akun belajar.id 2022

User profile - single post

40
Brand Guidelines Akun belajar.id 2022

Margin 54px

1080px

Margin 54px

Mandatory logo Area

80px

Text Area
216px

Image Area
594px

Safe Area 1080px

1350px

Text Area
320px

Sistem 03
41
Brand Guidelines Akun belajar.id 2022

Sistem 03
42
Brand Guidelines Akun belajar.id 2022

User profile - single post

43
Brand Guidelines Akun belajar.id 2022

Margin 54px

1080px

Margin 54px

Mandatory logo Area

80px

Text Area
594px

Safe Area 1080px

1350px

Image Area
1319px

Sistem 04
44
Brand Guidelines Akun belajar.id 2022

Sistem 04
45
Brand Guidelines Akun belajar.id 2022

General KV - single post

46
Brand Guidelines Akun belajar.id 2022

Margin 54px

1080px

Margin 54px

Mandatory logo Area

80px

Text Area
486px

Safe Area 1080px

1350px

Image Area
896px

Sistem 05
47
Brand Guidelines Akun belajar.id 2022

Menggunakan bentuk dasar lingkaran

sebagai bidang framing. Besar lingkaran
dibuat extreme sehingga menciptakan
ruang yang luas. Menunjukan
karakteristik rounded ke dalam elemen
visual pada kolateral.

Peletakan framing lingkaran dapat di

explore dan disesuaikan.

Sistem 05
48
Brand Guidelines Akun belajar.id 2022

Sistem 05
49
Brand Guidelines Akun belajar.id 2022

Sistem 05
50
Brand Guidelines Akun belajar.id 2022

Sistem 05
51
Brand Guidelines Akun belajar.id 2022

Margin 4,5cm
80cm

Margin 4,5cm
Mandatory logo Area
12cm

Text area
40% dari ukuran media

180cm

Image area 60% dari

ukuran media

Implementasi visual pada media cetak

Standing Banner Vertical 180x80cm
52
Brand Guidelines Akun belajar.id 2022

Text area Image area 55% dari

45% dari ukuran media ukuran media

304cm

Mandatory logo Area

12cm

121cm

8cm

8cm

Banner Horizontal 304 x 121 cm

53
Brand Guidelines Akun belajar.id 2022

Banner Horizontal

Standing Banner Vertical

54
Terima Kasih