Warna & Tipografi

Tipografi

Jenis font yang digunakan sebagai identitas korporat adalah Fira Sans

Download Font Fira Sans by Google

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

style.css

.fira-sans-thin {
font-family: "Fira Sans", sans-serif;
font-weight: 100;
font-style: normal;
}

.fira-sans-extralight {
font-family: "Fira Sans", sans-serif;
font-weight: 200;
font-style: normal;
}

.fira-sans-light {
font-family: "Fira Sans", sans-serif;
font-weight: 300;
font-style: normal;
}

.fira-sans-regular {
font-family: "Fira Sans", sans-serif;
font-weight: 400;
font-style: normal;
}

.fira-sans-medium {
font-family: "Fira Sans", sans-serif;
font-weight: 500;
font-style: normal;
}

.fira-sans-semibold {
font-family: "Fira Sans", sans-serif;
font-weight: 600;
font-style: normal;
}

.fira-sans-bold {
font-family: "Fira Sans", sans-serif;
font-weight: 700;
font-style: normal;
}

.fira-sans-extrabold {
font-family: "Fira Sans", sans-serif;
font-weight: 800;
font-style: normal;
}

.fira-sans-black {
font-family: "Fira Sans", sans-serif;
font-weight: 900;
font-style: normal;
}

.fira-sans-thin-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 100;
font-style: italic;
}

.fira-sans-extralight-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 200;
font-style: italic;
}

.fira-sans-light-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 300;
font-style: italic;
}

.fira-sans-regular-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 400;
font-style: italic;
}

.fira-sans-medium-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 500;
font-style: italic;
}

.fira-sans-semibold-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 600;
font-style: italic;
}

.fira-sans-bold-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 700;
font-style: italic;
}

.fira-sans-extrabold-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 800;
font-style: italic;
}

.fira-sans-black-italic {
font-family: "Fira Sans", sans-serif;
font-weight: 900;
font-style: italic;
}

Warna Korporat

#34438A

Primary

#447FC1

Secondary

#72BCE8

Tertiary

#EBEBEB

Quaternary

.bg-pelni-primary {
background-color:#34438A!important;
color: white!important;
}
.bg-pelni-secondary {
background-color:#447FC1!important;
color: white!important;
}
.bg-pelni-tertiary {
background-color:#72BCE8!important;
color: black!important;
}
.bg-pelni-quaternary {
background-color:#EBEBEB!important;
color: black!important;
}

.text-pelni-primary {
color:#34438A!important;
}
.text-pelni-secondary {
color:#447FC1!important;
}
.text-pelni-tertiary {
color:#72BCE8!important;
}
.text-pelni-quaternary {
color:#EBEBEB!important;
}