opportunity

Oakland, California is a diverse and dynamic community, with rapid change nearly a constant throughout its storied history. In order to deliver better services to that community, and clarify the services it provides, the City government worked with Code for America to define an ownable look and feel for all of its strategies and actions.

Oakland is like a tree. The trunk full of businesses with branches stretching into their own communities with their own cultures.
— Kayla, Oakland Native, Chapter 510 Writing Project

Big Trees Trail at Joaquin Miller Park, Oakland (Photo credits: Greg Linhares / City of Oakland)

A Symbol
For many decades, a stylized oak tree has represented the city and its intertwined citizenry. In fact, the symbol has become so popular that many in the community embrace it to brand their store, organization, and even bodies. While such a wellspring of adoption is any community’s dream, this widespread use exposed the need to create a differentiated interpretation of the symbol, so it can be made clear when the government is communicating.

In the past, the City never had a concerted approach to visual communication. The resulting cacophony of symbols across city departments did not connote the clarity and simplicity that should be the hallmark of any experience with a large organization.

Artifacts from Oakland's Archives

process

We first performed in-depth research and a far-reaching visual audit. Immersed in the City’s Archives, we traced the original use of the symbol to the early 1970s. Throughout its history, it has received few tweaks, and retains a special kind of beauty which we were keen to preserve. But with its high recognition and unique properties, there were still various issues with the mark, especially how it rendered in smaller contexts. We collaborated with type designer Jesse Ragan to treat the symbol as we would from a typeface glyph, to give it better optical legibility, especially on-screen and at small sizes.

Before After
Oakland’s tree

As we defined the color scheme, we wanted to help Oakland break through the clutter of commercial activity by giving it a clear and bold look. We paired a dominant color, an energetic green hue, to a rich range of complimentary hues, and created a typographic system that emphasizes clarity and lack of ornament.

City of Oakland Brochures

The City should be able to modulate its expression without always employing a blunt use of the logo. We created a pattern that, while related to the tree logo, grows it into a full root system, as complex and rich as the communities and network that support the city. This pattern can be applied to elements in overt or subtle ways, based on the context.

Root system

solution

  • City of Oakland Homepage
  • Landing Page
  • Parks and Recreation
  • Terminal page

beta.oaklandca.gov

In this same spirit of open development, the portfolio library is publicly available, along with a design toolkit created to support designers, agencies and civil servants in creating material to fit the new visual identity.

  • City of Oakland Design Toolkit
  • Toolkit – Visual Identity
  • Toolkit – Pattern Portfolio

We continue to support the City as it improves the quality of its visual communication.

design.oaklandca.gov

Defining the right fit for Boston’s schoolchildren

We helped Boston Public Schools change how parents select the best school fit for their child – a crucial and life-changing decision.

What can we do for your project?

Tell us a little bit about yourself...

loader