Idealist Brand
Our brand is authentically joyful, showing that good work is sustained by creativity and play. Founded in 1995, we are a trustworthy and reliable guide for social-impact lives, and we believe it's more than ok to have fun while building a better world. We inspire action through storytelling, tips, and tricks, with clear language and clean design. Defining elements include pops of primary colors, playful illustration, and inspiring photography of real people.
Logo
The Idealist logo is comprised of both a wordmark and a symbol. There is a primary logo (horizontal / side-by-side) and a secondary logo (vertical / stacked). Whenever possible, the wordmark “idealist” should appear on a white or light gray background. The logo may also be placed on a blue, or photographic background if needed. If this is the case, the wordmark should be white. Here are a few more guidelines.
Color
Our brand colors are bright, playful, and reflect our mission. Blue is the primary color, while yellow and green play as prominent secondaries. Other brand colors are to be seldomly used, reserved for highlights or the rare pop of color. View our full color palette here.
Idealist Blue
#0D73D9
Idealist Yellow
#F7C702
Idealist Green
#68BD53
Language
UX Copy
While most of the copy we write is either marketing or blog-related content, sometimes copy is needed for a CTA, a basic headline, or other user-experience related tasks. This is UX copy. While this copy should follow suit with all other brand, technical, and tonal standards, UX copy must also be concise and deliberate. This doesn’t mean it can’t be playful or warm, but be careful not to use overly-flowery language. Efficiency is key. When designing buttons use Title Case, ex: "Start Here."
Illustrations
Illustrations and spots
Our illustration library reflects our key values and symbols. Bold brand colors, abstracted shapes, and symbols show the joy and playfulness of volunteering, good work, and community. Use this library in presentations, emails, or CMS pages. Please reach out to Marian for alternate sizes or custom graphics.
CMS
Blog Posts
Blog posts should be visually appealing, consistent, and SEO optimized. This is achieved by utilizing standards created in our CMS. “Posts” are different from “pages” in that they are searchable from within a subsite, have a set publish date and author, and utilize a layout more conducive for longer sections of text. Please use this template as your guide for layout, formatting, and tags.
CMS
Landing & Marketing Pages
Whether you are creating a landing page for a mainstay staple of idealist.org, or a one-off marketing page for a new product or event, pages should be constructed with thought and structure. Pages are designed to be more scannable and digestible, with less text and larger areas for visuals. Pages are therefore more visually engaging and use a wider array of flexible content blocks than posts. “Narrow” pages are formatted more like posts and are not often used. Use the two links below to learn how to best standards when creating a page.