Colors

Color helps express hierarchy, establish brand presence, give meaning, and indicate element states.

Orange

  • #FF7F08
  • rgb(255, 127, 8)
  • hsl(29, 100%, 52%)
  • hsv(29, 97, 100)

Orange is a combination of its two neighbors on the color wheel, red and yellow. Orange symbolizes happiness, joy and sunshine. It is a cheerful color, evoking childlike exuberance.
Orange is not aggressive as red but takes on some of the same qualities, stimulating mental activity. It also symbolizes ignorance and deceit.

Dark Blue

  • #1C2260
  • rgb(255, 127, 8)
  • hsl(29, 100%, 52%)
  • hsv(29, 97, 100)

Blue is a peaceful and calming color exuding stability and expertise. It is a common color used in corporate sites because of this. Blue can also symbolize trust and dependability.
A cool shade can bring about the negative side of blue, symbolizing depression, coldness, and passiveness.

Purple

  • #752F77
  • rgb(117, 47, 119)
  • hsl(298, 43%, 33%)
  • hsv(298, 61, 47)

Purple is the color of royalty and sophistication showing wealth and luxury. It also a sense of spirituality and encourages creativity.
Brighter purples can exude a magical felling. It's also great for promoting creativity and feminine qualities.
Darker purples can conjure gloominess and sadness.

Yellow

  • #EEB213
  • rgb(238, 178, 19)
  • hsl(44, 87%, 50%)
  • hsv(44, 92, 93)

Bright yellow is a happy color representing the positive yellow qualities: joy, intelligence, brightness, energy, optimism, and happiness.
A dingy yellow brings about negative feelings: caution, criticism, laziness, and jealousy.

Gray

  • #626B6F
  • rgb(98, 107, 111)
  • hsl(198, 6%, 41%)
  • hsv(198, 12, 44)

Gray is a cool, neutral, and balanced color. The color gray is an emotionless, moody color that is typically associated with meanings of dull, dirty, and dingy, as well as formal, conservative, and sophisticated.
It is a timeless and practical color that is often associated with loss or depression. Dark gray communicates some of the strength of black. It is a sophisticated color that lack the negativity of the color black.

Light Gray

  • #C8C6BE
  • rgb(200, 198, 190)
  • hsl(48, 8%, 76%)
  • hsv(48, 5, 78)

Light grays can carry some of the attributes of the color white. The gray color affects the mind and body by causing unsettling feelings. Light grays are feminine in nature, while dark grays are masculine in nature.

Fonts

Below are some very interesting fonts.

Festive

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Montserrat

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Rotobo

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Fuggles

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Playfair Display

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Text Styles

Here are some very interesting text styles.

H1: Main page heading

  • Font-weight: 700 (bold)
  • Font-size: 26px
  • Font-family: Play Display

H1: Main page heading

  • Font-weight: 500
  • Font-size: 18px
  • Font-family: Montserrat

H1: Main page heading

  • Font-weight: 400 (normal)
  • Font-size: 14px
  • Font-family: Rotobo