Third Haus

Branding, Guidelines, Messaging, Illustration
2019

Third Haus is a place in the heart of San Francisco’s Mission neighborhood that provides a space for kids to realize their passions through curiosity, commitment, and patience.

Third Haus offers a huge range of creative programming — from arts and design to music; from coding to hip hop dance classes. As such an inspiring organization, this project was a blast to work on with Tiffany Huey, the co-founder, and the Third Haus team. I helped them strategize and develop a cohesive brand identity package including the logo design, icon, font system, color palette, illustration library, and more. These elements work together to help build a recognizable brand for Third Haus’s community, artists, partners and parents.

The logo design is inspired by the idea of “third spaces” — places that exist for the community in-between the spaces of home and work/school. This “in-between” space of Third Haus is inherently creative; so the icon represents a “third space” that, in the center, uses three playful little building block shapes to represent the space.

All of this together communicates the identity of Third Haus — a space for connection and creativity; a space for individuality and innovation; a space for kids.

Third Haus primary logo in black and blue on white
Third Haus secondary logo in white and black on green
Third Haus wordmark in white on gold

The icon, embedded into the logotype, uses three playful, stacked shapes — a triangle, a circle, and a square — that have two vertical stripes running alongside them, formed out of the stems of the adjacent “H” and “R.” This creates a “three stripes” icon that communicates the idea of a “third” — and also, that the playful shapes are the stripe in the center, meaning that this “third space” is the in-between of home and work/school, and is for childlike creative play and exploration.

The Third Haus icon is three vertical bars like an H, with the middle showing a stacked triangle, circle, and square
San Francisco house architecture
A kid runs through a grassy field
A child plays music on a keyboard
The Golden Gate Bridge rises above the clouds

One of the biggest — and most fun to develop! — parts of the brand identity system was to create a growing illustration library, full of playful doodles and drawings that showcase a youthful re-imagining of the world, with everything from a ballerina on a high-wire to a cowgirl and an astronaut on a seesaw, or from a create learning to code to a girl and another creature dancing along a musical road.

The illustrations are designed to interact with the icon — showcasing that Third Haus is the space and stage where all of this creativity comes to life — by running on top of or behind the shapes. For example, the ape holding the cluster of balloons can wrap his arm around the triangle to show that he is floating up and away!

Animated slideshow of different illustrations on top of and around the Third Haus icon
Slideshow of pages from the Third Haus brand guidelines
Brand guideline pages arranged neatly
Color usage rules and font instructions in the style guide
A chapter on using photography and illustrations for the brand
Colorful posters on the wall show that it is a place for creativity
Font specimens and colors in the style guidelines for the brand
Blade sign and window decals outside the kids center in the mission
The logo is raised in a white acrylic on a shiny black sign
Frosted window decals offer privacy and reinforce the messaging that it is a space for creativity and individuality
Drawing of monster hands typing 1s and 0s on a keyboard
A child stacks colorful blocks together
Marketing collateral shows a custom letterhead, note card and business card
Gradient mapped photography in different brand colors on the back of the notecards with different words written in about what the space can be used for
Business card design where a drawing of an astronaut and cowboy seesaw on top of the logo
The blue back of the business card
Stacks of business cards
A kid draws with a red colored pencil
The facebook page design had the logo in the profil icon and a custom illustration for the page banner
Hand holding a phone opened to the Third Haus instagram page
See more projects

Loom

Collection

Bravo Golf

Branding

Lunch Adventure

Illustration, Web