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