Visual Style Guide
Get to know a little about our visual personality and what makes us who we are.
Thoughtful, well-crafted simplicity
Our visual brand is the expression of our character come to life. At Participate's core, we are knowledge creators dedicated to being the place where the world learns, together. Our approach is centered in building community, and we value being a place where inclusion, delight and daring to be bold are at the forefront of everything we do.
Participate is at the heart of where connection and knowledge creation unify. Our logo mark instills the importance of our inner-outer loop model of merging knowledge building with practice and community.
This is our logo mark. It is preferred that you use our logo in this layout.
Use the version with company name when possible.
You may change the yellow in the standard logo to one of the accent colors in the case that it matches better with the color scheme in your design.
Please do not try to stretch or alter the logo in any way.
Please do not use the brand name apart from the logo icon.
Please do not use colors except primary blue and white.
Our Brand Colors
RGB (235, 106, 117)
CMYK (0, 55, 50, 8)
RGB (30, 47, 142)
CMYK (79, 67, 0, 44)
RGB (2, 160, 160)
CMYK (99, 0, 0, 37)
RGB (0, 128, 79)
CMYK (100, 0, 38, 50)
RGB (253, 164, 159)
CMYK (0, 35, 37, 1)
RGB (14, 111, 230)
CMYK (85, 47, 0, 10)
RGB (233, 220, 207)
CMYK (0, 6, 11, 9)
RGB (34, 25, 22)
CMYK (0, 26, 35, 87)
RGB (184, 188, 191)
CMYK (4, 2, 0, 25)
In order to align with accessibility standards, combinations of our brand colors have been tested with an ADA compliance contrast ratio checker to determine which colors have the best outcome for easy readability. These combinations are primarily recommended for text readability at all sizes, and will be adhered to across all content creation. With graphics and illustrations, the color combinations are more flexible; however, we recommended that you check color contrast ratios for colors as you design.
The colors combinations below are compliant with accessibility standards. For example, when using a yellow background and deciding on a text color, you may pair it with our navy, blue or black.
Our classic shapes
A glow effect can be added to designs to add intensity. This effect is used sparingly and in one of two scenarios: (1) to emphasize a certain element in the design and (2) as a background element.
Crafted with Intent
When crafting illustrations, we use positive and negative space to convey a message. Transparency, overlap and color choice are all essential components in communicating messages in our visual style.
We use inclusive, bright photography as a way to celebrate the diverse human identities represented in our user base. Feeling like you can see yourself in our ecosystem is of utmost importance to us.
Photos may also be masked with one of our signature illustration shapes to maintain consistency throughout visual language.