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

Full logo SVG (PNG here)

Just the icon

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

Colors

pp-indigo 600#38296D
pp-amber 500#FAA310

Color palette amber

We have a palette of ambers we use for different

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

Color palette indigo

pp-indigo 600#38296D
pp-indigo 500 (charts)#534786
pp-indigo 25#F6F5FB

Color palette gray

When we need grays, we use the following grays based on Tailwind:

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

Color palette charts

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

pp-amber 500#FAA310
pp-indigo 500#534786
pp-turquoise#14B8A6
pp-pink#F43F5E
pp-amber 200#FCD493

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 and Progress Planner Pro 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 
  • Progress Planner Pro plugin
  • Awesome Author badge
  • Jack January badge

Looking for our logo?

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