Reach out now

Sazabi

[website]

Client

Sazabi

Discipline

Branding, Design engineering, Development, UI, Graphic design

Sazabi
Year

2026

Client
Discipline
Link
Year
Sazabi
Branding Design engineering Development UI Graphic design
2026
Sazabi
Sazabi cockpit hero animationVideo player with custom controls for playback, volume, and seeking. Use space bar to play or pause, left and right arrows to seek, and up and down arrows to adjust volume.
0:00
0:00

Sazabi is the AI-Native observability platform.

Visit the Website
Poster reading “Logs are all you need” over a mecha helmet silhouette on red
Alert city

JOYCO created Sazabi’s brand and website, giving its AI-native observability platform a clear, distinctive visual system built for engineers.

Sazabi triple billboard mockup
Sazabi logomark, red variant
Sazabi logomark, dark variant
The design

The visual system is a small kit that works hard. Red on black as the base, with almost nothing else chromatic. A condensed uppercase display face that reads like a warning label, over a plain sans for body text. Registration marks and crosshairs borrowed from technical drawings, framing images, numbering sections and pinning corners across the site. Japanese numerals and kanji beside the six company values on the About page, a nod to the name that never turns into a costume. The same parts dress the investors list, the footer, a poster and a set of billboard mockups, so a screenshot of any page is recognisably Sazabi before you read a word.

A shared type scale, grid, crosshair frame, label and card system keeps punchy 3D heroes, long editorial pages, decks and stickers unmistakably Sazabi.
One system, from hero to blog post

Untextured wireframe of the Sazabi cockpit overlooking the city
Final Sazabi cockpit render with metallic surfaces, red console screens and city lights
WireframeFinal render
Laptop showing the Sazabi footer: “Save the day” above the waitlist form
Phone home screen with the Sazabi app icon
The build

The city and console sequences use video; real-time 3D is reserved for three heroes: the home page cockpit, About mecha and Security honeycomb shield. Built with React Three Fiber and WebGPU or WebGL, they sit inside a Next.js site where ScrollTrigger, Lenis and Tempus keep footage, interaction and scroll moving together.

Quote

JOYCO gave Sazabi an unmistakable point of view. Every detail of the brand and 3D website commits to it. Nothing feels watered down.

Sherwood Callaway portrait
Sazabi mark

Sherwood Callaway
CEO, Sazabi

Sazabi manifesto page on mobile
Sazabi home page feature carousel on mobile
Sazabi home hero on mobile
hover to play
Integrations
The Sazabi mecha standing in a dark hangar with a pilot walking toward it
Footer navigation columns labelled Main, Company, Misc and Socials

At the core of the identity is a new mark with a storied history: the RUNSWOOSH. Taking inspiration from an iconic Nike lockup dating back to the 1980s, we replaced the

Sazabi navigation concepts for customers, security, changelog and debugging sections

At the core of the identity is a new mark with a storied history: the RUNSWOOSH. Taking inspiration from an iconic Nike lockup dating back to the 1980s, we replaced the

Sazabi design system with typography, color and interface components
Sazabi design system color palette
Branding

At the core of the identity is a new mark with a storied history: the RUNSWOOSH. Taking inspiration from an iconic Nike lockup dating back to the 1980s, we replaced the brand name in the original with a simple and declarative “RUN.” Referencing the past but oriented toward Nike’s future, the lockup is a bold call to action for the world to do just that.

STICKERS

Sazabi wordmark sticker in black and grey
Sazabi enterprise-grade protection system surrounding a mecha
Mockup of a person wearing a jacket with the Sazabi mark and katakana embossed on the back
Sazabi wordmark embossed in brushed metal
↗ Project 015 Sazabi

Sazabi is building an AI-native observability platform that helps engineers investigate production issues through dashboards and conversation. Our starting point was the idea of finding the signal: giving a complex technical product a clear identity, with enough character to make people curious.

The references were expressive and specific. Gundam, Evangelion, Iron Man, racing games, and rock posters informed a world of mechas, cockpit interfaces, and technical typography. We translated those influences into a visual system of red and black, condensed type, crosshairs, and registration marks, carrying the same language through the website and brand materials.

We brought that world into the browser through animated sequences and interactive 3D, from the home page cockpit to the mecha and security shield. Alongside those larger moments, we developed the grids, labels, and components that hold the everyday pages together. The identity carries through from an immersive opening scene to a blog post, a deck, or a sticker.

Role
BrandingDesign engineeringDevelopmentUIGraphic design
Client
Sazabi
Timeline
Ongoing

More Projects

[Selected Work]