# Jetify

**Completed:** 2024

**Scope:** uiUxDesign

---

Jetify (formerly known as Jetpack) partnered with Monogram to take the design of their website to the next level. This includes taking the core brand logo, but reimagining everything else around it, including patterns, colors, typography, layout, grid systems and more.

Needless to say, the new Jetify website design is more modern, fresh, approachable, and serious while still retaining fun touches and motion.

## Sectors
Developer Tooling, AI

![Image](https://cdn.sanity.io/images/zep746qw/production/3db9b56a8646fee3e29328d6d2012e54e13613cb-4320x2433.jpg)

![Image](https://cdn.sanity.io/images/zep746qw/production/0ea332fa5856f3a61dbf8b0df6b10bfc6e63c679-2883x2160.jpg)

## Lifecycle Illustrations

Jetify as a product depends and weaves in and out of product and development lifecycles. We felt this was a recurring theme throughout the user journey, so we took care to design illustrations that were cyclical in nature, showing that in true development workflow, there is no start or end.

## Gestalt Principle

Merriam-Webster defines *Gestalt* as "something that is made of many parts and yet is somehow more than or different from the combination of its parts" — which is what Monogram aimed to achieve with this design. Despite designing 100+ separate components, the goal was for them all to have visual cohesion and to "work well together" no matter how they are placed on a layout.

![Image](https://cdn.sanity.io/images/zep746qw/production/82ab0db8d9dbca1b11fcc5082202c9c2d93cc458-4320x2340.jpg)

![Image](https://cdn.sanity.io/images/zep746qw/production/06b32ffda23f3f4951931a13f5e68e411c6c3014-2883x2160.jpg)

## Work well with others

Jetify, by nature, is a brand and a product that must work well with hundreds of third-party apps and services. This means that the brand and identity design need not stray too far from the visual "middle" of the ecosystem, so Monogram designed a cohesive yet flexible visual language around how to incorporate other logos alongside each other.

## Color hierarchy

Monogram carefully chose an analogous color palette to keep visual distraction to a minimum, while still retaining enough flexibility to use color to highlight and draw attention to areas which needed greater visibility. We used this through a series of shines, glows, and even solid color shifts. This seamlessly guides the user's eyes and gently nudges attention where it is intended to be, while simultaneously preventing any visual obstacles from distracting away from the flow of content.

![Image](https://cdn.sanity.io/images/zep746qw/production/7d948f451a6086d31225c93b90e4ff11672f752a-4320x2340.jpg)

![Image](https://cdn.sanity.io/images/zep746qw/production/fdd5ed7f35c2ba20df790614db91635a91b6af58-2883x2160.jpg)

## Mobile-second to none

Despite the target audience being primarily desktop users, we've made sure mobile users receive a first-class experience as well. Every element was intentionally adjusted and optimized to provide a seamless experience for users, focusing on ease of navigation, readability, and overall functionality. In doing so, we maintained consistency across devices while tailoring the user experience to meet the specific demands of each platform.

---
**View Project:** [Jetify](https://www.jetify.com)


## Contact Us

[Build what comes next](https://monogram.io/#contact) | Email: [hello+llm@monogram.io](mailto:hello+llm@monogram.io)

Provide your contact details and claim a time to meet. We'll help you do the rest.

Monogram is an Applied AI Studio based in Atlanta that designs and deploys production AI systems — connecting models, data, workflows, and enterprise software to automate real work.

The contact form collects: name, email, company, estimated budget (USD), a project description, and how you heard about Monogram.

Not sure where to start? Tell us what you're trying to automate or build — we'll help you figure out where AI fits.


---

**More content:** [Home](/.md) | [About](/about.md) | [Blog](/blog.md) | [Engineering](/engineering.md)

Monogram helps companies, organizations, and firms adopt AI by designing and building proof of concepts (POCs), MVPs, intelligent workflows, and production-ready AI applications.

Website designed and developed by [Monogram](https://monogram.io)