New season, New skills! All Courses at $9.99

Elements

See the highlights
of this website.

Typography

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

Color Palette

This website uses a color
palette of 3 colors

  • HEX #000
  • HEX #ffffff
  • HEX #ECD06F

Description

The educational project about grids which Obys uses every day with unusual storytelling.

Inside look

Discover more
details of this SOTD.

SOTD / SCORE → 7.83/ 10

Design40%
Usability30%
Creativity20%
Content10%
8.03 / 10
7.44 / 10
8.02 / 10
7.83 / 10

Votes

Design
Usability
Creativity
Content
Overall
Design
Usability
Creativity
Content
Overall

DEV AWARD → 7.19/ 10

Semantics / SEO
Animations / Transitions
Accessibility
WPO
Responsive Design
Markup / Meta-data
7.40 / 10
8.40 / 10
6.00 / 10
6.40 / 10
7.00 / 10
7.80 / 10

Votes

Semantics
Animations
Accessibility
WPO
Responsive Design
Markup
Overall

Collections

Explore more
great collections.

Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI
Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • marcus-francis
  • Milan Petronjevic
  • Dave Holloway
+1394
Galleries and SlideShows
COLLECTION
Inspiration

Galleries and SlideShows

followed by
  • munchies-1
  • noemie-houdou-1
  • Niklas Karlsson
+1277
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • Eugene More
  • Kay Xean
  • Niklas Karlsson
+1909
Footer Design Best Practices
COLLECTION
UX/UI
404 Error Page
COLLECTION
UX/UI

404 Error Page

followed by
  • abishek-babu
  • team-likememore
  • Niklas Karlsson
+968
UI Animation and Microinteractions
COLLECTION
Inspiration
Drag, Gestures & Other Interactions
COLLECTION
UX/UI