• Share:

Khan Academy

UX Triggers
Published: April 11, 2019

Want to save this to a collection?

Register for a free account in seconds with just your email. Really.

Register Now
0 Likes

Industry: Education
Tags: #Website (B2C)

Dominant Color Group: Neutral (88%)

Neutral colors: black, white, grey, brown

Temperature: 75% Cool Colors

Cool colors are violet-red, violet, blue-violet, blue, blue-green, green

Cool colors tend to evoke a more tranquil mood of calm and relaxation. They seem to fall back, or recede, from the viewer in comparison to warm colors.

Color Schemes

Used Schemes
Complimentary

If you've picked a dominant color and you're looking to create contrast, pick a color directly across the wheel for a complementary scheme. The two colors will intensify each other for a lively, vibrant scheme.

Color Psychology

White Psychology

Positive: innocence, purity, cleanliness, equality, complete and whole, simplicity, immaculate and neat, self-sufficient, pristine and open, new beginnings
Negative: sterile, stark, fastidious, empty, isolated, cautious, plain, distant, unimaginative, critical, boring

Participants in one study preferred white building interiors and, for moods, they also preferred white for being quiet or being able to focus. source

Eastern: death, mourning, funerals, sadness, purity, age, misfortune
Middle East: purity, mourning

Grey Psychology

Positive: reliable, conservative, dignified, neutral, impartial, professional, mature, intelligent, classic, solid, stable, calming, subdued, reserved, elegant, formal and dependable

Negative: indecisive, non-emotional, indifferent, boring, sad, depressed, lifeless, lonely, isolated

Blue Psychology

Positive: loyalty, trust and integrity, tactful, reliability and responsibility, conservatism and perseverance, caring and concern, idealistic and orderly, authority, devotion and contemplation, peaceful and calm

Negative: being rigid, deceitful and spiteful, depressed and sad, too passive, self-righteous, superstitious and emotionally unstable, too conservative and old-fashioned, predictable and weak, unforgiving, aloof and frigid

Blue: Creates trust - used by financial institutions such as banks
Navy blue: Cheaper - selling to price-sensitive
Royal blue: Urgency - selling to impulse buyers

Eastern: immortality, life, feminine
Middle East: protection
Mexico: mourning

Brown Psychology

Positive: down-to-earth, wholesome, practical, approachable, friendly, stable, structured, supportive, comforting, reliable, protective, strength, quietly confident, sensual, sensitive, warm, reassured, honest, sincere, quality

Negative: dull, boring, frugal, materialistic, lack of humor, lack of sophistication, predictable, cheap and stingy

Eastern: earth, mourning

Blue Green Psychology

A tertiary color created by the combination of blue and green.

Positive: communication, clarity of thought, balance and harmony, idealism, calmness, creativity, compassion, healing and self-sufficiency

Negative: boastfulness, secrecy, unreliability and reticence, fence-sitting, aloofness, deception and off-handedness

Golden Ratio

The Golden Ratio, or Fibonacci Sequence, describes the perfectly symmetrical relationship between two proportions. Although not always used consciously in design, our brain subconsciously perceives structures following this formula as more intuitive or more attractive.

Khan Academy | Golden Ratio
Overlay Type
Overlay Display
Board Image Opacity
Golden Ratio Scale
Rotate