lampiran i keputusan menteri keuangan republik indonesia ...kmk.01~2014keplamp.pdf · 200 x 25...
TRANSCRIPT
MENTER! KEUANGAN
REPUBLIK INDONESIA
LAMPIRAN I
KEPUTUSAN MENTERI KEUANGAN REPUBLIK INDONESIA NOMOR 50/KMK.Ol/2014 TENTANG STANDAR TAMPILAN SITUS . DI LINGKUNGAN KEMENTERIAN KEUANGAN
STANDAR TAMPILAN
PORTAL KEMENTERIAN KEUANGAN
A. Tata Letak (Layout)
Tata Letak (Layout) rnengikuti ketentuan sebagai berikut:
B. Typografi
1. Typografi Portal Kernenterian Keuangan rnenggunakan web safe
fonts jenis font yang kornpatibel dengan berbagai konfigurasi
Personal Computer (PC) dan browser.
2. J enis font yang digunakan se bagai beriku t:
a. georgia, digunakan pada header text, dan logo.
b. lucida, digunakan pada body text.
C. Header
MENTER! KEUANGAN
REPUBLIK INDONESIA
- 2 -
Header merupakan bagian paling awal dari situs, yang dilihat oleh
pengunjung. Tampilan dari header memberikan informasi kepada
pengunjung identitas suatu situs. Header pada Portal Kementerian
Keuangan mengikuti ketentuan sebagai berikut:
1. Ukuran
Menggunakan gambar dengan ukuran 1920 x 180 pixels.
2. Desain
Desain header sebagai berikut:
3. Warna
Warna header menggunakan gradasi warna biru tua menUJU biru
muda dengan ketentuan warna sebagai berikut:
R: 0 G:51 B: 102 atau Kode warna: #003366
R: 0 G:85 B: 153 atau Kode warna: #005599
4. lsi dan Susunan Materi
lsi dan susunan materi header mengikuti ketentuan sebagai
berikut:
a. Logo Dimensi logo mengikti ketentuan sebagai berikut:
... ..
75 pixels
79 pixels
b. Teks Instansi
MENTERI KEUANGAN
REPUBLIK INDONESIA
- 3 -
Teks instansi terletak di samping logo Kementerian Keuangan berisikan teks "Kementerian Keuangan Republik Indonesia".
Contoh:
c. Menu Bar
Jenis Font: Georgia Kode Warna: #ffffff Ukuran Font
• Teks atas : 21 point
• Teks bawah: 21 point
1) Menu bar terletak pada bagian bawah header yaitu gambar dengan ukuran 940 x 32 pixels dengan warna dasar biru tua dengan kode warna: #003366.
2) Untuk teks menggunakan jenis font georgia (bold) ukuran 15 pixels atau 11 point huruf tebal (bold) berwarna putih dengan kode warna #ffffff.
3) Desain menu bar mengikuti desain sebagai berikut:
Deranda Pro6l Galer! E.lelon I Data & Publlkasi PPID Layanan
5. Menu Pilihan Bahasa
a. Menu pilihan bahasa merupakan fitur untuk memilih bahasa yang digunakan dalam penyajian informasi.
b. Terdapat dua pilihan yaitu Bahasa Indonesia dan Bahasa Inggris yang ditampilkan dalam bentuk teks dengan menggunakan jenis font lucida sans unicode ukuran 12 pixels atau 9 point.
6. Search Button
Search button terdiri atas dua buah gambar yaitu:
a. input field yaitu gambar dengan format (. png) dengan ukuran 200 x 25 pixels dan menggunakan kode warna #ffffff.
b. search icon, yaitu gambar dengan format (.png) dengan ukuran 27 x 27 pixels dan menggunakan kode warna #ffcb32.
7. Desain search button mengikuti desain sebagai berikut:
Input field search icon
D. Body dan Banner
Desain dan konten body dan banner disesuaikan dengan kebutuhan.
MENTERI KEUANGAN
AEPUBLIK INDONESIA
- 4 -
E. Fitur Eselon I Kementerian Keuangan
a. Fitur eselon I Kementerian Keuangan menggunakan fitur animasi
yang dapat mengelola dan menampilkan ikon Unit Eselon I dalam
daftar horisontal.
b. Ikon berfungsi sebagai tautan (link) situs Unit Eselon I apabila di
akses.
c. Ikon Unit Eselon I yang ditampilkan dalam baris pertama sebanyak
6 {enam) buah dengan dimensi pada tiap ikon 100 pixels x 100
pixels.
d. Desain fitur eselon I Kementerian Keuangan mengikuti desain
sebagai berikut:
ESELON I KEMENTERIAN KEUANGAN
e. Warna ikon eselon I Kementerian Keuangan sebagai berikut:
No Unit I
Pelatihan
f. . Font yang digunakan georgia 14 point a tau 19 pixels.
F. Footer
1. Konten
Fitur yang berada pada dasar / akhir situs, paling sedikit memuat
konten:
a. logo Kementerian Keuangan;
b. hak cipta unit;
c. hubungi kamijkontak;
d. peta situs/ site map;
e. prasyarat; dan
f. frequently asked questions.
2. Desain
MENTERI KEUANGAN REPUBLIK INDONESIA
- 5 -
Desain footer mengikuti ketentuan sebagai berikut:
a. logo Kementerian Keuangan berada pada tepi kiri footer dengan
dimensi 43 pixels x 40 pixels.
b. warna latar bitam dengan kode warna # 12 12 12.
c. teks pada tiap item menggunakan jenis font lucida sans
unicode ukuran 1 1 pixels atau 8 point dengan kode warna
#ffffff.
d. desain footer sebagai berikut:
c1tih Hal< Cfpta Kementenan Keuangan Ropublll< lndomla I !'era SI!Us I £ma1l Kernenkeu I FAQ I Prasyarat ! Hubung1 Kaml I I< uti Kanu !jfJ I � Y!!!!J Milllajemen Ponal Kemenk<u- GOOufl!! Ojuanda I U. 11JI Or.Wahldi1l Ray a Nomor 1 Jakarta 10710· Telp 021-l84!l&J5 Fax 021-!!00847
e. dalam hal diperlukan, penambahan konten footer dilakukan
pada teks baris kedua.
MENTER! KEUANGAN REPUBLIK INDONESIA,
ttd.
MUHAMAD CHATIB BASRI
MENTERI KEUANGAN
REPUBLIK INDONESIA
STANDAR TAMPILAN
LAMPIRAN II
KEPUTUSAN MENTER! KEUANGAN REPUBLIK INDONESIA NOMOR 50/KMK.Ol/2014 TENTANG STANDAR TAMPILAN SITUS DI LINGKUNGAN KEMENTERIAN KEUANGAN
SITUS SELAIN PORTAL KEMENTERIAN KEUANGAN
A. Tata Letak (Layout)
Tata Letak (Layout) mengikuti ketentuan sebagai berikut:
B. Typografi
1. Typografi situs selain Portal Kementerian Keuangan menggunakan web safe fonts jenis font yang kompatibel dengan berbagai konfigurasi Personal Computer (PC) dari browser.
2. Jenis font yang digunakan sebagai berikut:
a. georgia, digunakan pada header text, dan logo.
b. lucida, digunakan pada body text.
C. Header
MENTER! KEUANGAN REPUBLIK INDONESIA
- 2 -
Header merupakan bagian paling awal dari situs, yang dilihat oleh . pengunjung. Tampilan dari header memberikan informasi kepada pengunjung identitas suatu situs. Header pada Portal Kementerian Keuangan mengikuti ketentuan sebagai berikut:
1. Ukuran
Menggunakan gambar dengan ukuran 1920 x 180 pixels.
2. Desain
Desain header sebagai berikut:
3. Warna
Warna header menggunakan gradasi warna biru tua: menuju biru muda dengan ketentuan warna sebagai berikut:
R: 0 G:51 B: 102 atau Kode warna: #003366
R: 0 G:85 B: 153 atau Kode warna: #005599
4. lsi dan Susunan Materi
lsi dan susunan materi header mengikuti ketentuan sebagai berikut:
a. Logo Dimensi logo mengikti ketentuan sebagai berikut:
.. ..
75 pixels
79 pixels
b. Teks Instansi
MENTERI KEUANGAN
REPUBLIK INDONESIA
- 3 -
1) Teks instansi berada di sampmg logo Kementerian Keuangan.
2) Teks instansi terdiri dari dua bagian yaitu teks bagian atas dan teks bagian bawah.
3) Teks bagian atas berisikan teks nama Unit Eselon I atau nomenklatur organisasi.
4) Teks bagian bawah berisikan teks Kementerian Keuangan. Contoh I:
Contoh II:
c. Menu Bar
Jenis Font: Georgia Kode Warna: #ffffff Ukuran Font
' · ··. • Teks atas : 21 point
• Teks bawah: 21 point
1) Menu bar terletak pada bagian bawah header. 2) Menggunakan gambar dengan ukuran 940 x 32 pixels
dengan warna dasar biru tua dengan kode warna: #003366.
3) Teks pada menu bar menggunakan jenis font georgia (bold) ukuran 15 pixels atau 1 1 point huruf tebal (bold) berwarna putih dengan kode warna #ffffff.
4) Pada menu bar paling kiri terdapat logo Kementerian Keuangan dengan dimensi 30 x 3 1,6 pixels yang apabila diakses langsung menuju Portal Kementerian Keuangan.
5) Selain konten logo Kementerian Keuangan, menu bar dapat menampilkan konten lain yang disesuaikan dengan kebutuhan.
6) Desain menu bar mengikuti desain sebagai berikut:,
/' r� Beranda Profil Galeri Eselonl Data & Publikasi PPJD Layanan
5. Menu Pilihan Bahasa
a. Menu pilihan bahasa merupakan fitur untuk memilih bahasa yang digunakan dalam penyajian informasi.
b. Terdapat dua pilihan yaitu Bahasa Indonesia dan Bahasa Inggris yang ditampilkan dalam bentuk teks dengan menggunakan jenis font lucida sans unicode ukuran 12 pixels atau 9 point.
c. Dalam hal situs hanya menyajikan informasi dalam Bahasa Indonesia, maka menu pilihan Bahasa tidak ditampilkan.
6. Search Button
ME:h!TFr�l 1\EU/\NG/\N !{[F'LHJLII< INOOI\117.�·11/\
- 4 -
Search button terdiri atas dua buah gambar yaitu:
a. input field yaitu gambar dengan format ( . png) dengan ukuran 200 x 25 pixels dan menggunakan kode warna #ffffff.
b. search icon, yaitu gambar dengan format ( . png) dengan ukuran 27 x 27 pixels dan menggunakan kode warna #ffcb32.
7. Desain search button mengikuti desain sebagai berikut:
Input field search icon
D. Body
1. Warna dasar pada body situs utama Unit Eselon I dapat mengikuti warna ikon pada fitur eselon I.
2. Konten pada body disesuaikan dengan kebutuhan.
E. Banner
Desain dan konten pada banner disesuaikan dengan kebutuhan.
F. Fitur Eselon I Kementerian Keuangan 1. Fitur eselon I Kementerian Keuangan menggunakan fitur animasi
yang dapat mengelola dan menampilkan ikon Unit Eselon I dalam daftar horisontal.
2. Ikon berfungsi sebagai tautan (link) situs Unit Eselon I apabila di ·
akses.
3. Ikon Unit Eselon I yang ditampilkan dalam baris pertama sebanyak 6 (enam) buah dengan dimensi pada tiap ikon 100 pixels x 100 pixels.
4. Desain fitur eselon I Kementerian Keuangan mengikuti desain sebagai berikut:
ESE'LON 1 KEMENTERIAN KEUANGAN
...
..
a.
b.
2
3
4
5
6
7
8
9
10
11
MENTERIKEUANGAN REPUBLIK INDONESIA
- 5 -
Ditjen Bea dan Cukai
Ditjen Kekayaan Negara
Ditjen Perbendaharaan
Ditjen Pajak
Ditjen Perimbangan Keuangan
Ditjen Pengelolaan Utang
Sekretariat Jenderal
Inspektorat Jenderal
Badan Kebijakan Fiskal
Badan Pendidikan dan Pelatihan Keuangan
#7cc111
#16802e
#38a4de
#f0eb3c
#d4455a
#8a4499
#da8000
#f27000
#3984df
#999999
Font yang digunakan georgia 14 point atau 19 pixels
G. Footer 1. Konten
Fitur yang berada pada dasar / akhir situs, paling sedikit memuat konten: a. logo Kementerian Keuangan; b. hak cipta unit; c. hubungi kamijkontak; d. peta situs/ site map; e. prasyarat; dan
f frequently asked questions. 2. Desain
Desain footer mengikuti ketentuan sebagai berikut: a. logo Kementerian Keuangan berada pada tepi kiri footer dengan
dimensi 43 pixels x 40 pixels. b. warna latar hitam dengan kode warna #121212. c. teks pada tiap item menggunakan jenis font lucida sans
unicode ukuran 11 pixels atau 8 point dengan kode warna #ffffff.
d. desain footer sebagai berikut:
� H4kCtptakementuiank�tlganReptlbllklndonesla I PetaSitus I EmaliKemenkeU I FAQ j PrmyM4l J HubUngiKami j lkut1Kd.ml �. � � M� I'Dnaltcem<!nl.eu -Gedwlq D}uanda I U. 12Jl Dr.Wallldln Itaya Notoor I Jakarta 10110-Telp 021-liW96M F'lDI 021-3500M7
e. Dalam hal diperlukan, penambahan konten footer dilakukan pada teks baris kedua.
MENTERI KEUANGAN REPUBLIK INDONESIA,
ttd.
MUHAMAD CHATIB BASRI