EN

About

Who Am I?

About Me

Perkenalkan, nama saya Hanif Muammar Rifqi. Saya adalah seorang designer dan developer dalam pembuatan website, software, dan aplikasi mobile yang berasal dari Palembang, Indonesia.

Saat saya tidak online atau lama membalas pesan Anda, kemungkinan besar saya sedang mengerjakan proyek (client atau proyek pribadi), membaca buku, berlatih di gym, mengajar silat Beksi di perguruan Beksi Mutiara Pancar, bermain bersama anak, memenuhi target belajar saya 2 jam perhari, atau menonton film melalui aplikasi di smartphone.

Statistics

Statistics

Apa yang telah saya capai sejauh ini

0 +
CLIENTS
0 +
SOFTWARES
0 +
DESIGNS
0 +
WEBSITES

Pendidikan

Riwayat

Pendidikan

Berikut ini adalah riwayat pendidikan yang sudah Hanif tempuh sejauh ini.

25 Juli 2014
Diploma III
Hanif mengambil pendidikan Diploma III (D3) di Politeknik Negeri Sriwijaya Palembang Jurusan Manajemen Informatika yang lulus pada tahun 2014 mendapatkan predikat Cumlaude dengan nilai Indeks Prestasi Kumulatif (IPK) 3.73 dari 4.00.
25 Juli 2014
15 August 2017
Diploma IV
Penddikan terakhir Hanif adalah Diploma IV (D4) Sarjana Sains Terapan lulusan dari Politeknik Negeri Sriwijaya Palembang Jurusan Manajemen Informatika yang lulus pada tahun 2017 dan mendapatkan predikat Magna Cumlaude dengan nilai Indeks Prestasi (IPK) 3.80 dari 4.00.
15 August 2017

Pekerjaan

Kerja

Pengalaman

Berikut linimasa pengalaman kerja Hanif.

11 February 2014 s.d 11 March 2014
PT Bukit Asam Tbk
Hanif pernah melakukan internship di PT Bukit Asam Tbk dengan peran dan bertanggung jawab dalam pembuatan Aplikasi Pengolahan Data Surat Kerja Praktek Berbasis Web di PT Bukit Asam Tbk. Aplikasi ini dibuat dengan tujuan untuk mengolah data secara sekaligus dalam satu kali input.
11 February 2014 s.d 11 March 2014
16 September 2016 s.d 19 January 2020
Kementerian Sosial Republik Indonesia
Terakhir Hanif bekerja di Program Keluarga Harapan (PKH) Kementerian Sosial Republik Indonesia sebagai Administrator Database dengan peran dan tanggung jawab seperti mengolah data KPM dengan melakukan Create Read Update Delete di sistem berbasis web sesuai dengan data yang diberikan oleh pendamping yang melakukan validasi dan verifikasi di lapangan.
16 September 2016 s.d 19 January 2020

Style

HanifMR

Style Guide

Berikut ini adalah panduan untuk mempermudah jika ingin menggunakan atau menyebutkan HanifMR.com di website atau di konten Anda.

Penggunaan Nama

“HanifMR” adalah satu kata, dieja dengan huruf “H” besar, huruf “a” kecil, huruf “n”kecil, huruf “i” kecil, huruf “f” kecil, huruf “M” besar, dan huruf”R” besar.

HanifMR Logo

Berikut ini adalah variasi logo HanifMR. Pilih yang sesuai dengan kebutuhan desain dan selera Anda.

Warna

Daftar warna yang digunakan HanifMR.com.

Primary

Hex #702AF4
HSL 261 90 56

Secondary

Hex #FFBE01
HSL 45 100 50

Success

Hex #64BC26
HSL 95 66 44

Warning

Hex #FD9900
HSL 36 100 50

Error

Hex #FE2712
HSL 5 99 53

Tint Colors

Primary Tint 1

Hex #915AF6
HSL 261 90 66

Primary Tint 2

Hex #B089F9
HSL 261 90 76

Primary Tint 3

Hex #D2BBFB
HSL 261 90 86

Primary Tint 4

Hex #F2ECFE
HSL 261 90 96

Secondary Tint 1

Hex #FFCB33
HSL 45 100 60

Secondary Tint 2

Hex #FFD866
HSL 45 100 70

Secondary Tint 3

Hex #FFE599
HSL 45 100 80

Secondary Tint 4

Hex #FFF2CC
HSL 45 100 90

Success Tint 1

Hex #7CD83C
HSL 95 66 54

Success Tint 2

Hex #99E066
HSL 95 66 64

Success Tint 3

Hex #B5E991
HSL 95 66 74

Success Tint 4

Hex #D2F1BB
HSL 95 66 84

Warning Tint 1

Hex #FFAE33
HSL 36 100 60

Warning Tint 2

Hex #FFC366
HSL 36 100 70

Warning Tint 3

Hex #FFD799
HSL 36 100 80

Warning Tint 4

Hex #FFEBCC
HSL 36 100 90

Error Tint 1

Hex #FE5443
HSL 5 99 63

Error Tint 2

Hex #FE8276
HSL 5 99 73

Error Tint 3

Hex #FFB0A9
HSL 5 99 83

Error Tint 4

Hex #FFDFDB
HSL 5 99 93

Shades Colors

Primary Shades 1

Hex #550CDF
HSL 261 90 46

Primary Shades 2

Hex #4309AE
HSL 261 90 36

Primary Shades 3

Hex #30077E
HSL 261 90 26

Primary Shades 4

Hex #1E044E
HSL 261 90 16

Secondary Shades 1

Hex #CC9800
HSL 45 100 40

Secondary Shades 2

Hex #997200
HSL 45 100 30

Secondary Shades 3

Hex #664C00
HSL 45 100 20

Secondary Shades 4

Hex #332600
HSL 45 100 10

Success Shades 1

Hex #4D901D
HSL 95 66 34

Success Shades 2

Hex #366615
HSL 95 66 24

Success Shades 3

Hex #203B0C
HSL 95 66 14

Success Shades 4

Hex #142608
HSL 95 66 9

Warning Shades 1

Hex #CC7B00
HSL 36 100 40

Warning Shades 2

Hex #995D00
HSL 36 100 30

Warning Shades 3

Hex #663E00
HSL 36 100 20

Warning Shades 4

Hex #331F00
HSL 36 100 10

Error Shades 1

Hex #DA1401
HSL 5 99 43

Error Shades 2

Hex #A81001
HSL 5 99 33

Error Shades 3

Hex #750B00
HSL 5 99 23

Error Shades 4

Hex #420600
HSL 5 99 13

Darkest Gray Colors

Darkest Gray

Hex #18141F
HSL 261 20 10

Grayscale Colors

Grayscale 1

Hex #30293D
HSL 261 20 20

Grayscale 2

Hex #483D5C
HSL 261 20 30

Grayscale 3

Hex #60527A
HSL 261 20 40

Grayscale 4

Hex #786699
HSL 261 20 50

Grayscale 5

Hex #9385AD
HSL 261 20 60

Grayscale 6

Hex #AEA3C2
HSL 261 20 70

Grayscale 7

Hex #C9C2D6
HSL 261 20 80

Grayscale 8

Hex #E4E0EB
HSL 261 20 90

Fonts & Typography

Display Font

Urbanist

Urbanist

Text Font

Manrope

H1

Size: 40px, 40px, 40px
Weight: Bold | 700
Line Height: 40px
Letter Spacing: -3%

H2

Size: 32px, 32px, 32px
Weight: Bold | 700
Line Height: 35px
Letter Spacing: -3%

H3

Size: 28px, 28px, 28px
Weight: Bold | 700
Line Height: 36px
Letter Spacing: -3%

H4

Size: 24px, 24px, 24px
Weight: Bold | 700
Line Height: 31px
Letter Spacing: -3%

H5

Size: 20px, 20px, 20px
Weight: Bold | 700
Line Height: 26px
Letter Spacing: -3%

H6

Size: 18px, 18px, 18px
Weight: Bold | 700
Line Height: 23px
Letter Spacing: -3%

Paragraph

Size: 16px, 16px, 16px
Weight: Medium | 500
Line Height: 26px
Letter Spacing: 0

Small Text

Size: 10px, 10px, 10px
Weight: Medium | 500
Line Height: 16px
Letter Spacing: 0

CAPSLOCK

Letter Spacing: 5%

Spacing

Top: 100px | Right: 12px | Bottom: 100px | Left: 12px

Buttons

Primary

Normal State

Font Size: 16px, 16px, 16px

Font Weight: Bold | 700

Font Transform: Uppercase

Line Height: 26px

Letter Spacing: 5%

Border Width: 2px

Border Radius: 8px

Background Type: Gradient

Color 1: Primary Color

Location: 25

Second Color: Primary Tint 3

Location: 100

Type: Linear

Angle: 350

Box Shadow: X: 5 | Y: 5 | Blur: 0 | Spread: 0 | Opacity: 100 | Color: Black

Padding: Top: 8px | Right: 32px | Bottom: 8px | Left: 32px

Hover State

Background Type: Gradient

Color 1: Primary Color

Location: 0

Second Color: Primary Color

Location: 100

Type: Linear

Angle: 350

Box Shadow: X: 0 | Y: 0 | Blur: 0 | Spread: 0 | Opacity: 100 | Color: Black

Cards & Boxes

Normal State 1

Border Width: 2px

Border Radius: 8px

Box Shadow: X: 5 | Y: 5 | Blur: 0 | Spread: 0 | Opacity: 100 | Color: Black

Normal State 2

Border Width: 2px

Border Radius: 8px

Box Shadow: X: 5 | Y: 5 | Blur: 0 | Spread: 0 | Opacity: 100 | Color: Primary

Hover State

Border Width: 2px

Border Radius: 8px

Box Shadow: X: 0 | Y: 0 | Blur: 0 | Spread: 0

Punya Pertanyaan Tentang HanifMR Style Guide?

Silahkan kirim email ke [email protected]

0