# MacStadium

**Completed:** 2021 | **Client:** MacStadium

**Scope:** branding, uiUxDesign, development

---

MacStadium is the leading provider of Mac cloud solutions. MacStadium works with companies like Delta Airlines, Capital One, Dropbox, and others to provide cloud solutions for Mac.

Monogram designed and developed a lightning-fast, custom website to provide a fresh interface with their growing client base, introduce new products and services, and provide a new customer portal.

## Technologies
Next.js, Prismic, Tailwind CSS, Vercel, Algolia, GitHub

## Sectors
Engineering

![Image](https://cdn.sanity.io/images/zep746qw/production/0fe14aef19a27c149512c45ee23b1df7b21ea870-2079x1560.png)

![Image](https://cdn.sanity.io/images/zep746qw/production/e8092594b90a0eac70bb63cd74adb9669169a0d9-990x1560.png)

![Image](https://cdn.sanity.io/images/zep746qw/production/3d17f8cbffd888a840c0fd072679a531ae2ba0e7-2774x2080.png)

## Branding + imagery

MacStadium sought a new visual language to both better reflect their brand growth and differentiate them in the tech space. Monogram used MacStadium Orange as a cornerstone and expanded the color palette to include virbant gradients and engaging illustrations.

![Image](https://cdn.sanity.io/images/zep746qw/production/47812678d427df8878121656f192040c2231272a-2738x1530.png)

![Image](https://cdn.sanity.io/images/zep746qw/production/d16ff1fc87c78a916ed87f23a33fadbaa61b07bb-2772x2080.png)

## Design as a System

The migration to the Jamstack satisfied MacStadium’s need for customization and scalability for the company’s inevitable expansion. The use of custom slices ensured that managing and adding content to the site was simple. Each slice utilized a theme and conditional content, allowing the MacStadium team to make full use of the design system. The resulting number of slice variations was in the millions.

## Performance is King

MacStadium’s website is not only beautifully designed — it’s lightning-fast. The site scores high in all areas of Google Core Web Vitals, demonstrating quality in all areas of performance, accessibility, web best practices, and SEO and ensuring a high Google ranking.

![Image](https://cdn.sanity.io/images/zep746qw/production/4335bcbe86066eda89f8b79af6b2f7b2052733ca-2774x2080.png)

![Image](https://cdn.sanity.io/images/zep746qw/production/ade3c5cccafc8daf7ba55db82f256427396095b6-6000x3376.jpg)

---
**View Project:** [MacStadium](https://macstadium.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)