Brand system· 2024—2026
Brand systemsB2B techTemplates

Servers.com brand system

One visual language, 100+ pages of rules and 120+ templates:
the system three brand iterations survived.

Role
Senior Graphic Designer → Head of Brand. I made the guidelines, the templates and most of the assets built from them.
Scope
Visual language, 100+ pages of guidelines, 120+ templates, icons, infographics.
Format
Figma and Adobe libraries, with print and merchandise included.
Users
65+ people across seven teams used the templates and guidelines.
Gold circular disc with the black servers.com sign on a dark field

Challenge

Servers.com sold to startups, then to enterprises. Same brand, a buyer who wanted a different kind of credibility — across a website, a dozen campaign channels, four event formats and a sales team writing its own decks. Every repeat request came to me.

Approach

I turned the visual language into rules people could actually follow: components, templates for campaigns, events, content and sales, and the guidelines that explain how to use them. Digital set the pace; print, events and merchandise inherited the rules.

Outcome

Every channel worked from one library and one set of rules, and I made most of the assets from it myself: campaign pages, decks, social sets and event graphics.

Guidelines100+

Pages of guidelines & examples

System120+

Reusable components & templates

Touchpoints6+

Web, social, campaigns, events, content & sales

RolloutGlobal

Built for distributed teams across markets

Visual language

The updated visual direction used a darker base, controlled accent color, geometric rhythm, and image rules that hold at any size,
keeping the brand consistent across campaigns, content, and events.

Brand system starter pack

Logotype: continuity without losing recognition

Ten years of recognition sit in that mark, so redrawing it would have cost more than it earned. The structure customers already knew stayed exactly where it was.

What changed is the detail: I simplified the internal geometry so the mark holds at favicon size, and set it in a red circle that reads the same on a data-centre door and in a browser tab.

Logo construction rules and brand applications

A stronger brand signal

I introduced the badge as a premium brand marker. Its circular form and gold texture add authority and visual weight to high-value communications.

Complete color system

The palette was expanded into a structured system for digital and physical applications.

Core colors define the brand identity, while extended graphite and gold scales support data visualization, hierarchy, and tonal depth. Controlled gradients add flexibility without diluting recognition.

Core, extended, and functional brand color scales

The system’s central device

Derived from the servers.com sign, the main pattern carries the identity on its own. Its continuous geometry reads as technical precision and connected infrastructure.

Core visual metaphor from the AI illustration system

Illustration, when the stock routine ran out

By 2025 the brand needed more illustration than the old routine could make. Every asset meant searching stock, licensing it and redrawing it — and it never quite spoke the language we had been building since 2024.

So I built a generation system: the designer sets the brief, the composition, the art direction and what gets rejected, and AI executes inside those limits.

It has produced 200+ publish-ready images in one visual language, with no in‑house illustrator.

End-to-end AI illustration workflow: brief, generation, art direction, and post-production

Full case

AI illustration system

How the pipeline was built, what it rejects, and what it cost to run.

View case →

Extended outline icon library for the servers.com brand

Icons

The icon system uses a clean outline style, consistent stroke weight, and balanced geometry.

It starts with Tabler Icons and extends into custom symbols drawn to the same rules.

The presentation that ran on the iPads at our GDC stand — left out for anyone to pick up and read

Templates & assets

Social media visual system

I developed a complete layout system and component library for high-frequency content production.

Reusable templates, modular components, and clear composition rules help the team create social assets faster without sacrificing consistency.

  • 75+ reusable assets
  • Reusable component library
  • Clear, practical usage rules
  • Ready-made campaign graphics

Servers.com YouTube channel visual system

Outcome

A system designed to stay useful as the brand grows.

The work turned a collection of visual decisions into one shared layer for daily brand production — from the rules to the templates the team opens every morning.

  • One visual language across brand, product, sales, and content
  • Reusable components instead of one-off layouts
  • AI illustration in the same visual language
  • Clear guidance for distributed teams and external partners
TALK

If this is the kind of case you are hiring for, I am happy to walk through the decisions behind it.