LAMPIRAN I KEPUTUSAN MENTERI KEUANGAN REPUBLIK INDONESIA NOMOR 50/KMK.Ol/ 2014 TENTANG STANDAR TAMPILAN SITUS . DI LINGKUNGAN KEMENTERIAN KEUANGAN
MENTER! KEUANGAN REPUBLIK INDONESIA
STANDAR TAMPILAN PORTAL KEMENTERIAN KEUANGAN
A.
B.
Ta ta Letak (Layout) Tata Letak (Layout)
rnengikuti ketentuan sebagai berikut:
Typografi Typografi Portal Kernenterian Keuangan rnenggunakan web safe 1. fonts jenis font yang kornpatibel dengan berbagai konfigurasi Personal Computer (PC) dan browser. 2.
Jenis font yang digunakan sebagai beriku t: georgia, digunakan pada header text, dan a. lucida, digunakan pada body text. b.
logo.
MENTER! KEUANGAN REPUBLIK INDONESIA
- 2C.
Header 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:
4.
R: 0 G:51
B:
102
Kode
warna:
#003366
R: 0 G:85
B:
153 atau Kode
warna:
#005599
atau
lsi dan Susunan Materi lsi dan susunan materi header mengikuti ketentuan sebagai berikut: a. Logo Dimensi logo mengikti ketentuan sebagai berikut:
79 pixels ...
..
75 pixels
MENTERI KEUANGAN REPUBLIK INDONESIA
- 3b.
Teks Instansi Teks instansi terletak di samping logo Kementerian Keuangan berisikan teks "Kementerian Keuangan Republik Indonesia". Contoh: Jenis Font: Georgia Kode Warna:
#ffffff
Ukuran Font
c.
Teks atas :
•
Teks bawah:
Menu Bar 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. Untuk teks menggunakan jenis font georgia ( bold) ukuran 2) 15 pixels atau 11 point huruf tebal (bold) berwarna putih dengan kode warna #ffffff. Desain menu bar mengikuti desain sebagai berikut: 3) Deranda
Pro6l
Galer!
E.lelon I
Data & Publlkasi
PPID
Layanan
5.
Menu Pilihan Bahasa Menu pilihan bahasa merupakan fitur untuk memilih bahasa a. 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: input field yaitu gambar dengan format (. png) dengan ukuran a. 200 x 25 pixels dan menggunakan kode warna #ffffff. b.
7.
search icon, yaitu gambar dengan format (.png) dengan ukuran 27 x 27 pixels dan menggunakan kode warna #ffcb32.
Desain search button mengikuti desain sebagai berikut:
Input field D.
21 point 21 point
•
search icon
Body dan Banner Desain dan konten body dan banner disesuaikan dengan kebutuhan.
MENTERI KEUANGAN AEPUBLIK INDONESIA
- 4 E.
Fitur
Eselon I Kementerian Keuangan Fitur eselon I Kementerian Keuangan menggunakan fitur animasi yang dapat mengelola dan menampilkan ikon Unit Eselon I dalam daftar horisontal. Ikon berfungsi sebagai tautan (link) situs Unit Eselon I apabila di akses. Ikon Unit Eselon I yang ditampilkan dalam baris pertama sebanyak 6 {enam) buah dengan dimensi pada tiap ikon 100 pixels x 100 pixels. Desain fitur eselon I Kementerian Keuangan mengikuti desain sebagai berikut:
a.
b. c.
d.
ESELON I KEMENTERIAN KEUANGAN
Warna ikon eselon I Kementerian Keuangan sebagai berikut: Unit I No
e.
Pelatihan f. F.
.
Font yang digunakan georgia 14 point atau 19 pixels.
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.
MENTERI KEUANGAN REPUBLIK INDONESIA
- 5 -
2.
Desain Desain footer mengikuti ketentuan sebagai berikut: logo Kementerian Keuangan berada pada tepi kiri footer dengan a. 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. desain footer sebagai berikut: d.
c1tih Y!!!!J
e.
Hal< Cfpta Kementenan Keuangan Ropublll< lndomla
I
!'era SI!Us
I
£ma1l Kernenkeu
I
FAQ
I
Prasyarat
!
Hubung1 Kaml
Milllajemen Ponal Kemenk
I
I
!jfJ I �
dalam hal diperlukan, penambahan konten footer dilakukan pada teks baris kedua. MENTER! KEUANGAN REPUBLIK INDONESIA,
ttd. MUHAMA D CHATIB BASRI
LAMPIRAN II KEPUTUSAN MENTER! KEUANGAN REPUBLIK INDONESIA NOMOR 50/KMK.Ol/2014 TAMPILAN STANDAR TENTANG LINGKUNGAN SITUS DI KEMENTERIAN KEUANGAN
MENTERI KEUANGAN REPUBLIK INDONESIA
STANDAR TAMPILAN 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.
MENTER! KEUANGAN REPUBLIK INDONESIA
- 2C.
Header 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
2.
x
180 pixels.
Desain Desain header sebagai berikut:
3.
Warna Warna header menggunakan gradasi warna biru tua: menuju biru muda dengan ketentuan warna sebagai berikut:
4.
R: 0 G:51
B:
102
atau
Kode
warna:
#003366
R: 0 G:85
B:
153
atau
Kode
warna:
#005599
lsi dan Susunan Materi lsi dan susunan materi header mengikuti ketentuan berikut: a.
Logo Dimensi logo mengikti ketentuan sebagai berikut:
79 pixels ..
..
75 pixels
sebagai
MENTERI KEUANGAN REPUBLIK INDONESIA
- 3b.
Teks Instansi Teks instansi berada di sampmg logo Kementerian 1) Keuangan. Teks instansi terdiri dari dua bagian yaitu teks bagian 2) atas dan teks bagian bawah. Teks bagian atas berisikan teks nama Unit Eselon I atau 3) nomenklatur organisasi. 4) Teks bagian bawah berisikan teks Kementerian Keuangan. Contoh I: Jenis Font: Georgia Kode Warna:
#ffffff
Ukuran Font ' ·
··.
21 point 21 point
•
Teks atas :
•
Teks bawah:
Contoh II:
c.
Menu Bar Menu bar terletak pada bagian bawah header. 1) Menggunakan gambar dengan ukuran 940 x 32 pixels 2) dengan warna dasar biru tua dengan kode warna: #00 3366. Teks pada menu bar menggunakan je nis font georgia (bold) 3) 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. Desain menu bar mengikuti desain sebagai berikut:, 6) /'
r� 5.
Beranda
Profil
Galeri
Eselonl
Data & Publikasi
PPJD
Layanan
Menu Pilihan Bahasa a. b.
c.
Menu pilihan bahasa merupakan fitur untuk memilih bahasa yang digunakan dalam penyajian informasi. 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. Dalam hal situs hanya menyajikan informasi dalam Bahasa Indonesia, maka menu pilihan Bahasa tidak ditampilkan.
ME:h!TFr�l 1\EU/\NG/\N !{[F'LHJLII< INOOI\117.�·11/\
-46.
Search Button Search button terdiri atas dua buah gambar yaitu: input field yaitu gambar dengan format ( . png) dengan ukuran a. 200 x 25 pixels dan menggunakan kode warna #ffffff. search icon, yaitu gambar dengan format ( . png) dengan ukuran 27 x 27 pixels dan menggunakan kode warna #ffcb32. Desain search button mengikuti desain sebagai berikut:
b. 7.
Input field D.
E.
search icon
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.
Banner Desain dan konten pada banner disesuaikan dengan kebutuhan.
F.
Fitur Eselon I Kementerian Keuangan Fitur eselon I Kementerian Keuangan menggunakan fitur animasi 1. 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
...
·
..
MENTERIKEUANGAN REPUBLIK INDONESIA
- 5 a.
2
Ditjen Bea dan Cukai
#7cc111
3
Ditjen Kekayaan Negara
#16802e
4
Ditjen Perbendaharaan
#38a4de
5
Ditjen Pajak
#f0eb3c
6
G.
#d4455a
7
Ditjen Pengelolaan Utang
#8a4499
8
Sekretariat Jenderal
#da8000
9
Inspektorat Jenderal
#f27000
10
Badan Kebijakan Fiskal
#3984df
11 b.
Ditjen Perimbangan Keuangan
Badan Pendidikan dan
#999999
Pelatihan Keuangan
Font yang digunakan
georgia 14 point atau
19
pixels
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. e.
f 2.
peta situs/ site
map;
prasyarat; dan
frequently asked questions.
Desain
Desain footer mengikuti ketentuan sebagai berikut: a.
logo Kementerian Keuangan berada pada tepi kiri dimensi 43
pixels x
40
pixels.
b.
warna latar hitam dengan kode warna #121212.
c.
teks
pada
unicode
tiap
item
ukuran 11
menggunakan
pixels
atau 8
jenis
point
footer dengan
font lucida sans
dengan kode warna
#ffffff.
d.
desain footer sebagai berikut:
� � e.
H4kCtptakementuiank�tlganReptlbllklndonesla I PetaSitus I EmaliKemenkeU I FAQ j PrmyM4l J HubUngiKami M� I'Dnaltcem
Dalam hal diperlukan,
penambahan konten
j
lkut1Kd.ml
footer
�. �
dilakukan
pada teks baris kedua.
MENTERI KEUANGAN REPUBLIK INDONESIA,
ttd. MUHAMAD CHATIB BASRI
