Colors

Soft Blue

HEX - #6dcff6

RGB - (109, 207, 246)

CYMK - (56%, 16%, 0%, 4%)

Moderate Blue

HEX - #4794d0

RGB - (71, 148, 208)

CYMK - (66%, 29%, 0%, 18%)

Dark Blue

HEX - #125788

RGB - (18, 87, 136)

CYMK - (87%, 36%, 0%, 47%)

Navy Blue

HEX - #004080

RGB - (0, 0, 128)

CYMK - (100%, 100%, 0%, 50%)

White

HEX - #ffffff

RGB - (255, 255, 255)

CYMK - (0%, 0%, 0%, 0%)

Black

HEX - #000000

RGB - (0, 0, 0)

CYMK - (0%, 0%, 0%, 100%)

HTML and CSS code (Color)

HTML Code

<div class="code" style="height: 250px;>
<h3>Background color</h3> </div>


CSS Code

.code{
background-color: #125788;
color: #6dcff6;
}

Typography

Primary Font : Lato, Supporting Font : Nunito

Type Scale


Root font size = 16px

Elements Size Weight

Heading 1

2.5rem Lato Bold

Heading 2

2rem Lato Semibold

Heading 3

1.6rem Lato Semibold

Heading 4

1.4rem Nunito Semibold

Paragraph

1 rem Nunito Regular
HTML and CSS code (Typography)

HTML Code

<h2>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 2</h3>
<h4>This is heading 2</h4>
<p>This is a paragraph</p>

CSS Code

h1 { font-size: 2.5rem;
font-family: "Lato", sans-serif;
}
h2 { font-size: 2rem;
}
h3 { font-size: 1.6rem;
}
h4 { font-size: 1.4rem;
}
p { font-size: 1rem;
font-family: "Nunito", sans-serif;
}