Published in Notion HQ

Making the Brand at Make with Notion

By Huy Vu

When we decided to host a conference for our users, there was one guiding question we kept coming back to: What would it feel like to spend a day with Notion?

When we decided to host a conference for our users, we kept coming back to one guiding question: What would it feel like to spend a day with Notion?

What would a physical manifestation of our product feel like? How could we convey the way we build it, both on the keynote stage and off? And how might we invite our community to show off how they use it to build their life’s work?

Over the span of six months and many Notion docs, Notinos worked side-by-side with two agencies to bring the answer to life. Here’s a peek at how it all came together inside a (54,000-square-foot!) space that mirrored Notion as a product, as a company, and as a community.

Scouting a space

Our goal was to find a venue that reflected the qualities people are drawn to in our product: openness, filled with light, and elegantly designed.

After scouring our home base of San Francisco, we landed on Pier 27: an airy building with clean lines, beautiful natural light, and unobstructed views of the Bay Bridge. While many conferences cover up elements of their spaces (often literally building walls or masking them), our vision was to maximize these qualities to mimic the feeling of using Notion: We threw the doors open, let the light pour in, and used the floor-to-ceiling windows to frame the bridge.

The entrance of Pier 27, which also serves as a cruise ship terminal (!)
Pier 27 is also San Francisco's primary cruise ship terminal!

We were inspired by the late American artist Robert Irwin. To capitalize on the light, we suspended translucent fabric scrims from the ceilings to divide the cavernous space and bend the beams coming into the venue.

The soft morning light filtering through the suspended translucent fabric scrims.
The soft morning light filtering through the suspended translucent fabric scrims created a magical glow.

To reflect the way our users tinker and create extraordinary tools with Notion’s block-based system, we used simple, humble materials like cardboard, paper, and Ram Board for our furniture, walls, and built structures.

Sustainable cardboard structures were featured prominently throughout the venue
Malleable yet structured, playful yet practical, sustainable cardboard was heavily featured throughout the venue.

A Notion page is also akin to a flexible space. To reflect this, we dedicated open areas for attendees to think, learn, and share—creating extemporaneous opportunities for our tight-knit global community to connect in person over a love of building. In the words of an attendee, “[I] cannot put into words how much I enjoyed meeting other creators and new friends.”

The circular spaces we built across the conference venue were also designed to contrast the perpendicular lines of the the blocks, lines, and windows.

Attendees used the flexible spaces for everything from networking to international meetups
Attendees used the flexible spaces however they needed—from coordinating meet-ups to taking a beat to recharge.

Good furniture and good coffee have been the bones of how we build Notion since the beginning—our first office had an Eames chair and the espresso machine we still use today! We have a penchant for iconic chairs and couches—a devotion so central to our identity that we ferried our cherished office furniture over from our headquarters. Dotting the space with our furniture (paired with wells of our beloved Cometeer) were ways we literally shared the experience of working from our offices with our attendees.

A few of our well-loved chairs, rugs, and couches from Notion HQ
A few of our favorite pieces from Notion HQ—a way we shared the spirit of where we build Notion.

Playing with blocks

Notion, the product, is made of building blocks (or, as we like to say, LEGO for software). To bring that concept to the space, we developed a library of modular, digital, Tangram-inspired shapes that could be easily arranged for different visual needs. These block-like shapes took countless forms—from patterns and icons to illustrations and letterforms—to build an identity that conveyed the essence of Notion: simple tools with endless possibilities.

We developed a library of different animation styles to bring the concept of “building” to life; from making playful compositions with the shapes to revealing information letter-by-letter.
We developed a library of animation styles to bring the concept of “building” to life, from making playful compositions with shapes to revealing information letter-by-letter.

Through the many permutations of these shapes, every element—animations for the screens, the website, the merchandise, the signage, the food—was woven into one continuous, unique brand experience.

Mixing ordered shapes with flexible ones in our hallway space
We mixed ordered shapes with flexible ones in our hallway spaces and swag to create a playful visual contrast.

The buzz of building

What did it feel like to spend a day with Notion? It felt like the buzz of one thousand (well-caffeinated) makers and the electricity of new ideas and new friends—like a community brimming with the optimism it takes to build your life’s work. We’re grateful to have had the chance to bring that feeling to life. 🖤

Thank you to our incredible creative partners Design, Bitches, for their support with interior design, and Order, for their close collaboration on the visual identity.

Share this post

Get pricing help, demos, use-cases, and more.

Powered by Fruition