case study
Browserbase: Making technical ambition legible
our role
Brand Architecture
Brand Strategy
Brand Identity
Brand Enablement
team
Hannah Swann
Jess Walker
Paul Klein IV
Lindsay Gilson
Erika Bricky
Christina Cook
Liam Matteson
Overview
When we met Browserbase, the company was rapidly introducing new, exciting ways for developers to run and scale automations on the web. However, as the product suite grew, the offering started to read as separate companies. The task was to bring the portfolio together while preserving the go-to-market independence of some brands. We defined an endorsed brand architecture centered on Browserbase as the parent brand and core platform, with Stagehand and Director as endorsed brands. We focused the portfolio on communicating the core idea that Browserbase makes ambitious browser automation possible — with the goal of building associations of technical ambition and possibility over time.
case study
Browserbase: Making technical ambition legible
our role
Brand Architecture
Brand Strategy
Brand Identity
Brand Enablement
team
Hannah Swann
Jess Walker
Paul Klein IV
Lindsay Gilson
Erika Bricky
Christina Cook
Liam Matteson
Overview
When we met Browserbase, the company was rapidly introducing new, exciting ways for developers to run and scale automations on the web. However, as the product suite grew, the offering started to read as separate companies. The task was to bring the portfolio together while preserving the go-to-market independence of some brands. We defined an endorsed brand architecture centered on Browserbase as the parent brand and core platform, with Stagehand and Director as endorsed brands. We focused the portfolio on communicating the core idea that Browserbase makes ambitious browser automation possible — with the goal of building associations of technical ambition and possibility over time.
brand architecture
We established an endorsed brand structure, shifting the brand from the product level to the company level and positioning Browserbase as the parent across the portfolio. Two products were developed as endorsed brands — Stagehand and Director — each designed for distinct go-to-market motions. Each retains its own identity, but remains clearly connected back to Browserbase through naming and shared design language. This creates a structure that supports how the company is growing, allowing the portfolio to expand while reinforcing the same set of associations over time.
brand architecture
We established an endorsed brand structure, shifting the brand from the product level to the company level and positioning Browserbase as the parent across the portfolio. Two products were developed as endorsed brands — Stagehand and Director — each designed for distinct go-to-market motions. Each retains its own identity, but remains clearly connected back to Browserbase through naming and shared design language. This creates a structure that supports how the company is growing, allowing the portfolio to expand while reinforcing the same set of associations over time.
brand strategy
We defined the brand’s point of view around making difficult browser automation possible, with an emphasis on technical ambition and possibility. In a space that usually focuses on tooling optimization and incremental gains, we shifted the focus to what developers can actually get done when those limits are removed. It is about coming up with new ways to do things, not better ways to do the same thing. That matches how the team operates — taking on harder problems and pushing into what is possible.
brand strategy
We defined the brand’s point of view around making difficult browser automation possible, with an emphasis on technical ambition and possibility. In a space that usually focuses on tooling optimization and incremental gains, we shifted the focus to what developers can actually get done when those limits are removed. It is about coming up with new ways to do things, not better ways to do the same thing. That matches how the team operates — taking on harder problems and pushing into what is possible.
brand identity: overall approach
All good design systems have tension. For Browserbase, we worked with two forces: precision and ambition. The goal was to hold both at once — high-energy, optimistic elements alongside a sense of logic, structure, and control.
The color palette draws from the 1960s, a period of radical change, but is tuned for digital display. The typeface is highly readable, with subtle nods to science fiction in its curved terminals and italic styles. The imagery features bold, sweeping landscapes that suggest exploration and new frontiers.
These elements are grounded by a strict system. The grid, inspired by De Stijl, brings order through structure. Imagery is processed through a pixel grid and a set of constraints. A secondary monospaced typeface references computing directly and reinforces precision.
brand identity: overall approach
All good design systems have tension. For Browserbase, we worked with two forces: precision and ambition. The goal was to hold both at once — high-energy, optimistic elements alongside a sense of logic, structure, and control.
The color palette draws from the 1960s, a period of radical change, but is tuned for digital display. The typeface is highly readable, with subtle nods to science fiction in its curved terminals and italic styles. The imagery features bold, sweeping landscapes that suggest exploration and new frontiers.
These elements are grounded by a strict system. The grid, inspired by De Stijl, brings order through structure. Imagery is processed through a pixel grid and a set of constraints. A secondary monospaced typeface references computing directly and reinforces precision.
Brand identity: endorsed brands
Every brand in the Browserbase family uses the same design toolkit to create instant recognizability across the suite — shared color palette, image style, grid, type system, and approach to logos.
What changes is how those elements are used. Each brand takes a different primary color, headline weight, and imagery theme to express its role.
Stagehand leans into reliability and control. A mid-weight headline, square-led forms, and tool-driven imagery create a direct, hands-on feel, building associations with dependability and confidence. Director takes a lighter approach. A lighter headline weight, circular forms, and a blue palette create a more open, forward-moving tone, building associations with empowerment and momentum.
Brand identity: endorsed brands
Every brand in the Browserbase family uses the same design toolkit to create instant recognizability across the suite — shared color palette, image style, grid, type system, and approach to logos.
What changes is how those elements are used. Each brand takes a different primary color, headline weight, and imagery theme to express its role.
Stagehand leans into reliability and control. A mid-weight headline, square-led forms, and tool-driven imagery create a direct, hands-on feel, building associations with dependability and confidence. Director takes a lighter approach. A lighter headline weight, circular forms, and a blue palette create a more open, forward-moving tone, building associations with empowerment and momentum.
Custom image tool
We built a tool for generating custom imagery, so the team can create assets quickly without relying on a static library or outside help. It standardizes the image style while keeping it flexible enough for new use cases.
The tool processes source images into a simplified, grid-based style, with controls for shape, scale, contrast, and color. It supports both still images and video, and outputs clean SVG or PNG files in full color or silhouette formats. Because the team owns the tool, they can produce new assets as needed without depending on external software or workflows.
Custom image tool
We built a tool for generating custom imagery, so the team can create assets quickly without relying on a static library or outside help. It standardizes the image style while keeping it flexible enough for new use cases.
The tool processes source images into a simplified, grid-based style, with controls for shape, scale, contrast, and color. It supports both still images and video, and outputs clean SVG or PNG files in full color or silhouette formats. Because the team owns the tool, they can produce new assets as needed without depending on external software or workflows.
Sign up
for updates