Welcome to Participate's
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.
Given space restrictions, you may use either of these layouts. The logo icon may stand alone; however, please use the version with the 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.
Do not change the Participate primary blue color unless the logo is on a dark background. Then, you may change the logo to white.
Please do not stretch or alter the logo in any way.
Please do not use the brand name separate from the logo icon.
Our Brand Colors
RGB (17, 19, 88)
CMYK (81, 78, 0, 65)
RGB (250, 175, 8)
CMYK (0, 30, 97, 2)
RGB (253, 164, 159)
CMYK (0, 35, 37, 1)
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 (235, 106, 117)
CMYK (0, 55, 50, 8)
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.
To reflect the diversity of ways in which we learn, connect and grow, a staple of our illustration style is the layering of our classic shapes and weaving flowing lines throughout to demonstrate connection and the ebb and flow of learning. Shapes are universally understood, dynamic and accessible. Our illustrations maintain rounded corners for a more welcoming feel. Any transparency is set to 40% opacity.
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.