Skip to main content

Grade colour schemes not consistent over the app

The colour schemes used to depict different grade brackets are not consistent over the app: horizontal bar on crag main page, vertical grade bars and the grades of the individual routes in the route list.

  1. Grade brackets in the lower grades are inconsistent (see tables below)

  2. Route list has blue and yellow swapped

  3. Overall colour scheme not optimal:

    1) Not brand aligned: close to google colours. 2) Grade colours not aligned with cultural context or harmony, with blue in the middle of traffic light colours, gray indicating a lower value for grade 8…

    Personally I think the current web/ old app grade colour scheme is perfect - why not use the same?

Horizontal bar

3-4+

Green

5

Blue

6

Yellow

7

Red

8

Grey

9

Black

Vertical bars

3-4

Green

4+-5+

Blue

6

Yellow

7

Red

8

Grey

9

Black

Route list grades

3-4+

Green

5

Yellow

6

Blue

7

Red

8

Grey

9

Black

Web/old app for reference:

3

Teal

4

Teal

5

Green

6

Yellow

7

Orange

8

Purple

9

Black

Picture: inconsistent grade brackets between horizontal and vertical bars

On another note, I like the horizontal grade bar - as a user I just need the colour scheme to be intuitive and consistent to understand it with a glance.

Status: Completed

No comments yet

Be the first to share your thoughts.