Table of contents
Logo
Progress Planner’s logo is also our mascot; his name is Ravi.
Note: to download the .eps files, please right-click and ‘save link as’.
To download all files at once, please download this .zip file.
Default
If the default (colored) version doesn’t work for your application, you can find a few alternatives below.
Indigo
White
Inverted
Wide
If you’re using our logo with a limitation on height, please use the appropriate wide version.
Colors
Colors of our logo
#38296DCMYK: 90-90-10-25#FAA310CMYK: 0-40-100-0Color palette amber
We have a palette of ambers we use for different
#FAA310CMYK: 0-40-100-0#F9B23CCMYK: 0,29,76,2#FBC468CMYK: 0,22,59,2#FCD493CMYK: 0,16,42,1#FEE7C2CMYK: 0-10-30-0#FFF4E4CMYK: 0-5-15-0#FFF9F0CMYK: 0-3-10-0Color palette indigo
#38296DCMYK: 90-90-10-25#534786CMYK: 75-75-8-15#796DA2CMYK: 25,33,0,36#CCC7E0CMYK: 9,11,0,12#E8E6F4CMYK: 7.5-7.5-0-0#F6F5FBCMYK: 2,2,0,2Color palette gray
When we need grays, we use the following grays based on Tailwind:
#374151CMYK: 70-50-30-70#4B5563CMYK: 24,14,0,61#6B7280CMYK: 16,11,0,50#9CA3AFCMYK: 11,7,0,31#D1D5DBCMYK: 5,3,0,14#E1E3E7CMYK: 3,2,0,9Other colors
We use a couple of other colors in our designs.
#14B8A6CMYK: 80-0-40-0#EAF6F4CMYK: 8-0-4.5-0#F2FAF9CMYK: 3,0,0,2#F43F5ECMYK: 0-90-50-0#FBEDEECMYK: 0-8-4-0#FFF6F7CMYK: 0,4,3,0#0773B4CMYK: 90-30-0-5#EAF6FACMYK: 6,2,0,2#EFFBFECMYK: 6,1,0,0Color palette charts
For charts, we need colors that are easy to distinguish from each other.
#FAA310CMYK: 0-40-100-0#534786CMYK: 75-75-8-15#14B8A6CMYK: 80-0-40-0#F43F5ECMYK: 0-90-50-0#FCD493CMYK: 0,16,42,1The 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
- Jack January badge