Overlay
Let's talk

Hello!

Harness understood the importance of investing in their brand early on—even while they were operating in “stealth mode.” When it comes to solidifying your brand, there’s no such thing as too early.”

Tracy Lloyd, Chief Strategy Officer, Emotive Brand

Scientifically Engineered to Delight

As an audience, developers are not one-size-fits-all. Harness needed a visual language that was scientific and precise—but also maintained their cheeky sense of humor. We developed a library of illustrations that mirrored the technical nature of their products, while still being light-hearted enough to embody the delight of “getting ship done.”

Concept illustration for the Harness community featuring discussion forums, events, and collaboration icons alongside an illustration of a finger held to a pair of lips.
Illustration of the Harness platform connecting cloud services, developer tools, and deployment pipelines through a unified visual system.
Diagrammatic illustration of people and developer tools connected across a shared software delivery workflow, with a hand pressing a control.
Harness interface showing successful checks for Kubernetes, Docker, and AWS Lambda alongside a New Relic analysis with a low overall risk level.
Overview of the Harness illustration system featuring abstract interface graphics, a pointing hand, flowing waveforms, and a set of stylized user avatars.
Overview of the Harness infographic system, focusing on company benefits.

A Continuous Design for Continuous Delivery

Harness’ technology is complex, but at its heart, it’s about removing friction and making things run as smoothly as possible. As such, we needed design that felt technical, but never overwhelming or bogged down. Every infographic and schematic should effortlessly flow into the next, always leaving enough room to breathe.

Mobile screens for the Harness website featuring navigation, onboarding, product information, and recruitment pages.
Typography system showcasing the Akkurat typeface used across the Harness brand.
Simple line illustration of connected interface cards representing modular workflows and content.

Start with structure.

For this project, we needed to translate our work across more than 30 web pages. Thus, we needed to define the patterns and modules early on, so we could design, write, and code efficiently.

Stylized illustration of a developer wearing glasses, representing technical expertise.

Keep your subject-matter experts close.

Given the complex nature of continuous delivery, we needed to validate each and every graphic representation with the client to ensure it accurately described the nature of the system.

Three overlapping circles representing compatibility across a technology stack.

Design to your tech stack.

Knowing we were using lottie.js—which has a limited feature set—we directed around these constraints to ensure the artwork and animation style matched up in perfect harmony.

Illustration of deployment status icons showing successful integrations across developer tools and services.

Shoot straight.

Unfortunately, developers are used to corporate speak from out-of-touch enterprises. We pivoted away from that and made Harness into a brand that speaks dev’s language—not bs.

Recent Work

Animation of two graphic white parenthesis coming towards each other. Right before they meet in the middle two white circles appear and blink to create a playful face with eyes.
View case study
Embrace

Positioning a category-creating brand to go big.

Animated Aperian symbol transforming into the complete Aperian logo.
View case study
Aperian

Bringing a people-centered brand into a digital-first, product-led future.

Let’s start something big. Let’s start something big. Let’s start something big. Let’s start something big.
Get in touch. Get in touch. Get in touch. Get in touch. Get in touch. Get in touch. Get in touch.