Project Information

Just a few years ago, building Web3 apps on Bitcoin was almost unthinkable. It’s the original blockchain, but its reputation was stuck in the ‘coin’. Enter Hiro, a suite of open-source developer tools that empowers developers to put Bitcoin to use.

As the #1 tooling company in the Stacks ecosystem, Hiro needed a brand that would align with their mission and reflect their growth as a company, all while staying true to their developer roots. Departing from the clichés of their crowded crypto landscape, we developed an identity that brings a new visual language to Web3, balancing technical precision and a subversive sensibility.

At its core is a logo inspired by the humble command-line: a technical mono wordmark with a unique /-/ that serves as an ownable icon for Hiro. Constructed from two forward-slashes and a dash, this sharp yet simple gesture signifies forward momentum. And because anyone can type it out, the mark is fundamentally open-source — just like Hiro’s tools.

Headlines in Aeonik Bold articulate ambitions with confidence, while Aeonik Fono (its digital-friendly mono cut) works hard across technical touchpoints, from body copy and web components all the way to developer documentation. Hiro’s new graphic language recontextualizes ASCII images to provide flexibility and expand the system in line with the typed-out logo mark.

As a gesture to Bitcoin, vibrant orange is at the center of the color strategy, complemented by a secondary palette that references the analog pastels of early computing punched cards. In the crowded space of Web3 startups, the identity establishes Hiro as a new kind of protagonist: sharp, courageous, and a bit unexpected.

Since the identity’s launch last year, Hiro has only gained more momentum: over 2,000 Web3 developers have signed up for the Platform waitlist and they’ve seen record-highs for new database subscribers, surpassed each quarter.

Credits

PORTO ROCHA

Creative Direction:
Felipe Rocha, Leo Porto

Design:
Nathan Fyock, Eyal Chowers

Motion Design:
Thales Muniz

Interactive Design:
Marcos Rodrigues, Heena Chung, Niclas Resch

Strategy:
Claren Walker

Account Direction:
Luciana Thiesen

Project Manager:
Samantha Cruz

Hiro

CEO at Hiro Systems
Alex Miller

CTO at Hiro Systems
Diwaker Gupta

VP of Marketing at Hiro Systems
Kaitlin Pike

Visual + Brand Designer:
Eugenia Digon

Platform Development:
MAD

Case Study Production:

Motion Design: Josh Krauth-Harding

Design: Nathan Fyock, Yedo Han

Interactive Design: Marcos Rodrigues, Niclas Resch

Photographer: Mari Juliano

Photoshoot Production: Annie Carmichael

Photo Retouching: Rodolfo Mello

Fonts

􀈽 Download Project Images