A cheetah brand and a jungle website for a security platform built for AI coding agents

DevArmor is a San Francisco security platform that gives developers and AI coding agents the security context to build safely: threat models, design reviews and policies enforced on every code change.

We worked with DevArmor at seed stage, on the logo and the brand guide, the homepage and the subpages, and the animations that show the product working. The site was built in Webflow.

Client

DevArmor

Industry

Developer security, B2B SaaS

Services

Brand identity · Logo · Wireframes · Web design · Illustration · Motion design · Webflow development

Timeline

2025 to 2026

Security sites tend to look the same: padlocks, shields and dark gradients. DevArmor wanted a jungle instead, so the brand got a cheetah and a purple that still reads as security.

01

Playful, still credible

The jungle had to make DevArmor memorable to developers without making a security product look like a toy.

02

Show the product

Threat models, design reviews and code checks are hard to picture. The site had to show them working.

03

Many pages, one system

A homepage, product and use case pages, pricing, an ROI calculator, a company page and a blog, all in one look.

We worked the homepage out in grey before any color: a hero over a savanna, then three steps, discover, design and deliver, each with an animal beside it.

The first grey version came out of the early jungle rounds. The second set out the full homepage, with the new headline and every section below it, before we moved back to color.

Finding the right jungle took several rounds. Each one kept the page structure and changed the world around it: how much jungle, which animals, which light.

A moodboard of soft landscapes and flat animal illustrations set the direction. From there we went from small jungle details on a purple wave to dense silhouettes, then opened the scene up into a savanna at sunrise.

The cheetah came first. We tried it as a line drawing, a shield, an M and a face, then narrowed it down with DevArmor over three rounds.

The starting point was a moodboard of bold, geometric animal marks.

The wordmark got bolder and easier to read each round. The final mark is a cheetah head cut out of a circle, next to a wide wordmark with a lightning bolt in the O.

The guide sets the logo on light and dark, a purple lead color with blue and orange beside it, and the app icon and favicon.

The final homepage follows the wireframe. The savanna opens the page, and each product section gets its own animal and a live demo of the product beside it.

Below the product, the page explains how DevArmor works, why the old way of doing security reviews falls behind, and ends in a night sky over the footer.

The three product demos on the homepage are animations we made: a threat model being built, a design review inside a ticket, and a pull request checked before merge.

Two more run on the product pages: security reviews inside the DevArmor app, and a ticket followed through to DevArmor's fixes on its pull request.

Each one started as a storyboard in Figma, frame by frame with notes on what moves. The still frames went through four rounds with DevArmor before we animated them, so the motion only had to be built once.

The site is built in Webflow, so DevArmor's team can publish blog posts and events themselves.

The product, use case, pricing and company pages share one set of sections, so every page keeps the same structure. The site is live at devarmor.com (opens in a new tab).