Progress Planner’s logo is also our mascot; his name is Ravi.

Full logo

Just the icon

We, of course, also have both of these in diapositive, and fully in white:

Colors

Indigo 600#38296D
Amber 500#FAA310

Color palette amber

We have a palette of ambers we use for different

Amber 500#FAA310
Amber 400 (CTA)#FAB33C
Amber 300#FBC468
Amber 200#FCD493
Amber 100 (menu)#FEE7C2
Amber 50 (banner)#FFF4E4
Amber 25#FFF9F0

Color palette indigo

Indigo 600#38296D
Indigo 500 (charts)#534786
Indigo 25#F6F5FB

Color palette gray

When we need grays, we use the following grays from Tailwind:

Gray 700#374151
Gray 600#4B5563
Gray 500#6B7280
Gray 400#9CA3AF
Gray 300#D1D5DB
Gray 200#E1E3E7

Color palette charts

For charts, we need colors that are easy to distinguish from each other.

Amber 500#FAA310
Indigo 500#534786
#14B8A6
#F43F5E
#FCD493
New Color#000000

The colors should be used in the following sequence:

Examples of these colors in action in graphs:

Fonts

On this site, we use Readex Pro for headings and a system sans-serif font for the body copy. We use Inter for copy in designs. In the logo, we use the AZO Sans font.

Within the Progress Planner plugin, we use the system fonts used by WordPress and Roboto in our designs.

Style

Progress Planner in writing

We always write Progress Planner with a space.

Sentence and title case

We always use sentence case unless we write a badge or product name. For example:

  • Progress Planner plugin 
  • Awesome Author badge

Looking for our logo?

You're in the right spot!
Go to our logo & style page.