Website Design Guide

Colors

Some Colors with their (Hex/RGB) values.

Yellow

Hex #FEF200

RGB 254, 242, 0

Mellow

Hex #F7DF7D

RGB 247, 223, 125

Cyber

Hex #FFD302

RGB 255, 211, 2

Blue

Hex #0017F9

RGB 0, 23, 249

Denim

Hex #131E3A

RGB 19, 30, 58

Pigeon

Hex #7285A5

RGB 114, 133, 165

Pink

Hex #F910BE

RGB 249, 16, 190

Ruby

Hex #E01161

RGB 224, 17, 97

Ultra

Hex #FF6EFD

RGB 255, 110, 253

Fonts

Some Fonts previews.

Source Code Pro

Waltz, bad nymph, for quick jigs vex.

Waltz, bad nymph, for quick jigs vex.

Waltz, bad nymph, for quick jigs vex.

Nunito Sans

Waltz, bad nymph, for quick jigs vex.

Waltz, bad nymph, for quick jigs vex.

Waltz, bad nymph, for quick jigs vex.

Poppins

Waltz, bad nymph, for quick jigs vex.

Waltz, bad nymph, for quick jigs vex.

Waltz, bad nymph, for quick jigs vex.

Raleway

Waltz, bad nymph, for quick jigs vex.

Waltz, bad nymph, for quick jigs vex.

Waltz, bad nymph, for quick jigs vex.

Text Styles

Some Text Styles.

H1: Main page heading

Font-weight: 700 (bold)

Font-size: 26px

Font-family: Source Code Pro

H2: Subheading

Font-weight: 500

Font-size: 20px

Font-family: Poppins

P: Paragraph text

Font-weight: 400 (regular)

Font-size: 15px

Font-family: Nunito Sans