New season, New skills! All Courses at $9.99
The Empathy Experiment
SOTD
7.79

Site of the Day - May 4, 2022

Elements

See the highlights
of this website.

Typography

Font detail
Letters + Numbers
•••
Font detail
Letters + Numbers
•••
Font detail
Letters + Numbers
•••

Color Palette

This website uses a color
palette of 3 colors

  • HEX #2779a7
  • HEX #49c5b6
  • HEX #D14836

Description

The Empathy Experiment visualizes the effect of higher or lower empathetic behavior. As in life, there are no right or wrong answers — only different ways to color the conversation.

Inside look

Discover more
details of this SOTD.

SOTD / SCORE → 7.79/ 10

Design40%
Usability30%
Creativity20%
Content10%
7.85 / 10
7.4 / 10
8.1 / 10
8.04 / 10

Votes

Design
Usability
Creativity
Content
Overall
Design
Usability
Creativity
Content
Overall

DEV AWARD → 7.76/ 10

Semantics / SEO
Animations / Transitions
Accessibility
WPO
Responsive Design
Markup / Meta-data
7.40 / 10
8.80 / 10
7.60 / 10
8.00 / 10
7.60 / 10
7.20 / 10

Votes

Semantics
Animations
Accessibility
WPO
Responsive Design
Markup
Overall
  • Victor Garrido
    Victor Garrido from Netherlands
    8
    9
    8
    9
    9
    8
    8.55
  • Giacomo Mottin
    Giacomo Mottin from Italy
    6
    8
    8
    6
    7
    6
    6.70
  • Victor Work
    Victor Work from Canada
    8
    10
    7
    7
    7
    7
    7.65
  • CSS_killer
    CSS_killer from Spain
    8
    9
    8
    10
    8
    8
    8.55
  • Romain Prache
    Romain Prache from Canada
    7
    8
    7
    8
    7
    7
    7.35

Collections

Explore more
great collections.

Pastel colors
COLLECTION
Inspiration

Pastel colors

followed by
  • acgjunerciyuan
  • amelinda.studio
  • mariana-vaz
+89
WebGL Animations
COLLECTION
Web Technology

WebGL Animations

followed by
  • naved-tamboli
  • savya-sharma-1
  • vasilis-tsirimokos
+173
Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • joba
  • christian-schoener
  • acgjunerciyuan
+1421
UI Animation and Microinteractions
COLLECTION
Inspiration
Footer Design Best Practices
COLLECTION
UX/UI
Team & About Pages
COLLECTION
Inspiration

Team & About Pages

followed by
  • yany-avelar
  • Dima Soho
  • Plac
+945
Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • gemma-prat
  • cluee
  • zyra-gil
+1929