Interior Northeast I-Corps

I-Corps Hubs are funded and guided by the National Science Foundation to support scientific innovators on their entrepreneurial journeys. We built the Interior Northeast region a new brand system from the ground up that will lead and support participating institutions.

allison@studiorelays.com ---

The Beginning

The Interior Northeast (IN) Hub of I-Corps is currently comprised of 10 partner institutions from Dartmouth College to West Virginia University, with plans to add another each year for the next five years. There are other regional hubs across the country, and one goal here was to differentiate the IN I-Corps from the rest.

Discovery

Our initial Discovery phase is key in establishing goals, expectations, and cadence. It’s great as both a vibe-check and placing names with faces. We worked with the organizing team at Cornell University to do an in-depth discovery including a survey of other participating institutions’ stakeholders.

What we found was that the responses were very much in sync: innovation and collaboration were at the forefront of everyone’s feedback. The consistency among responses gave us more to discuss during the end of Discovery, providing ample inspiration and material to explore throughout a variety of deliverables.

Design Time

With survey results in hand we did what we always do…

We sketched. After looking at the other I-Corps hub logos we knew we could make something new and memorable. Exploration ranged from the literal (IN) to the weird. With innovation as a driving characteristic worth illustrating, we also felt compelled to include a nod to the technological focus of the program. A pixel grid was created as the icon foundation. From there, arranging the “pixels” to form a directional symbol was a no-brainer. We refined the shape to be asymmetrical and modern, with a combination of sharp and rounded corners, to represent all forms of innovation.

An Icon

The I-Corps brand is primarily digital, with immediate need for only a few print pieces (lots of potential for more). So the strong screen focus encouraged us to experiment with a few GIF outputs to add a dynamic element beyond a superimposed logo on a video, although the icon is great for that too.

The System: A Unique Challenge

One of our priorities in building out this brand system was ensuring that the character of each partner institution was not lost or overridden and that the system was easy to use for everyone involved. 10+ institutions means 10+ different marketing teams… yet the hub’s materials need to feel cohesive across institutions. We built a set of design conventions that take a co-branding approach and kept institutional styles in mind as we developed typography, color, and design systems.

Typography

We utilized open source fonts for the brand, from the lockup to the body copy. To compliment our I-Corps assets with existing institution brands, we chose typefaces that would pair well with collegiate (serif) counterparts.

Aside from the obvious cost and legal benefits of a free, sharable system of type, the convenience of having all of these fonts accessible in G-Suite and Figma is huge. This makes it relatively easy for the I-Corps team to create consistent brand materials.

Colors

We came up with two different implementation options for palettes, based on context. This is the crux of the co-branding approach: materials associated with a university inherit the existing primary color of the partner brand. As illustrated here, the partner brands on their own utilize the majority of the spectrum.

For materials not linked to a specific institution, we introduced an alternate approach for color and brand assets. A coral highlight is unlikely to be duplicated by any future hub partners. Plus, it’s a great color.

All Together Now

We created a series of sample materials, shown throughout this case study, to stress-test our design system and provide real-world examples of how the conventions we’ve established should play out in practice. This led to the expansion of the system to include patterns, photography sourcing guidelines & treatments, and sample layouts that demonstrate how to create balance when co-branding or including the parent NSF brand.

Brand Guide

Lastly, all of this was compiled into an interactive brand guide. Again, because of the large number of potential users of this the guide, we made it a responsive website rather than a static document. A centralized location for best practices and downloadable assets is what we’d want if we were one of many teams relying on it.

This comes at the end, because it’s the culmination of everything we’ve built and learned along the way. It’s not meant to be overly restrictive or even prescriptive: the system is structured to function through the inevitable evolution of the IN I-Corps partnerships.

Allison testing the brand guide on an old iPad