New season, New skills! All Courses at $9.99
SOTD
8.03

Elements

See the highlights
of this website.

Typography

Font detail
Letters + Numbers
•••

Color Palette

This website uses a color
palette of 2 colors

  • HEX #FFD372
  • HEX #F15B40

Description

Mana is a Montreal based company that creates and distributes Yerba Maté. Their products give a big boost of energy that's good for you, so go ahead and drink as many as you want!

Inside look

Discover more
details of this SOTD.

SOTD / SCORE → 8.03/ 10

Design40%
Usability30%
Creativity20%
Content10%
8.06 / 10
7.61 / 10
8.45 / 10
8.38 / 10

Votes

Design
Usability
Creativity
Content
Overall
Design
Usability
Creativity
Content
Overall

DEV AWARD → 7.8/ 10

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

Votes

Semantics
Animations
Accessibility
WPO
Responsive Design
Markup
Overall
  • Ruud Luijten
    Ruud Luijten from Belgium
    7
    9
    8
    7
    8
    7
    7.60
  • Kyle Adams
    Kyle Adams from Netherlands
    8
    9
    6
    9
    8
    7
    8.00
  • Nobuaki Arikata
    Nobuaki Arikata from Japan
    7
    9
    7
    6
    6
    6
    6.75
  • Victor Work
    Victor Work from Canada
    7
    10
    7
    8
    7
    7
    7.65
  • CSS_killer
    CSS_killer from Spain
    9
    9
    9
    9
    9
    9
    9.00

Collections

Explore more
great collections.

Pastel colors
COLLECTION
Inspiration

Pastel colors

followed by
  • acgjunerciyuan
  • amelinda.studio
  • mariana-vaz
+89
Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • joba
  • christian-schoener
  • acgjunerciyuan
+1421
Footer Design Best Practices
COLLECTION
UX/UI
WebGL Animations
COLLECTION
Web Technology

WebGL Animations

followed by
  • savya-sharma-1
  • vasilis-tsirimokos
  • naved-tamboli
+173
UI Animation and Microinteractions
COLLECTION
Inspiration
Team & About Pages
COLLECTION
Inspiration

Team & About Pages

followed by
  • yany-avelar
  • Dima Soho
  • Plac
+945
404 Error Page
COLLECTION
UX/UI

404 Error Page

followed by
  • eve-manin
  • larafrayre
  • ziqing-lin
+986
Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI