Style Guide

Each of our Personality Assessments include color style guides for each type of personality. Below you will find the color style guide we recommend for each.

Careers Personality Assessment careers.zip

  • Action-Taker
    Action-Taker
    R 232 G 115 B 49
    #e87331
  • Analyzer
    Analyzer
    R 23 G 174 B 231
    #17AEE7
  • Inventor
    Inventor
    R 14 G 224 B 189
    #0ee0bd
  • Mentor
    Mentor
    R 237 G 67 B 67
    #ed4343
  • Naturalist
    Naturalist
    R 50 G 191 B 76
    #32BF4C
  • Planner
    Planner
    R 247 G 208 B 15
    #f7d00f
  • Visionary
    Visionary
    R 167 G 91 B 216
    #a75bd8

</> SCSS

$careers-action-taker: #e87331;
$careers-analyzer: #17AEE7;
$careers-inventor: #0ee0bd;
$careers-mentor: #ed4343;
$careers-naturalist: #32BF4C;
$careers-planner: #f7d00f;
$careers-visionary: #a75bd8;

Heroes Personality Assessment heroes.zip

  • Berserker
    Berserker
    R 255 G 144 B 34
    #FF9022
  • Detective
    Detective
    R 252 G 190 B 34
    #fcbe22
  • Innovator
    Innovator
    R 32 G 222 B 237
    #20deed
  • Intellectual
    Intellectual
    R 132 G 59 B 196
    #843bc4
  • Lonewolf
    Lonewolf
    R 26 G 173 B 85
    #1aad55
  • Noble
    Noble
    R 13 G 116 B 209
    #0d74d1
  • Team Player
    Team Player
    R 216 G 29 B 29
    #d81d1d

</> SCSS

$heroes-berserker: #FF9022;
$heroes-detective: #fcbe22;
$heroes-innovator: #20deed;
$heroes-intellectual: #843bc4;
$heroes-lonewolf: #1aad55;
$heroes-noble: #0d74d1;
$heroes-team-player: #d81d1d;