Bringing automation to the design world with the Mesos Frameworks brand building project.

 

This is the age of automation. A repetitive task can be translated into a script which a machine then takes over allowing us to focus on the most important tasks. While automation is mostly visible in high-tech industries, we don’t see much of it in the design world. We felt that it’s time to change this and the Mesos Frameworks brand building project was the perfect test case.

To keep it simple – Mesos is like an OS (operating system) for the cloud, and Mesos Frameworks are the drivers which allow anyone to run applications on this OS.

Elasticsearch is the first Mesos framework developed by Cisco and Container Solutions (CS), which was followed by Flocker, Logstash, Kibana, and ELK.

The constantly growing Mesos framework family required a unique, consistent and flexible identity system, which partially automates the design and implementation process. As part of this project a logo generator, a custom website CMS and a brochure template were designed and implemented making it possible to establish the basic brand assets for a new framework within a few days.

In this case, brand building plays a crucial role in establishing CS as the go-to address for Mesos framework development and the popularisation of these open source tools.

mesos_frameworks_logos_1600x1200


1. LOGO

One logo, endless configurations. Working closely with Container Solutions, we developed an automated logo generator that has become a key tool in the brand-building process for Mesos. Following a distinct set of rules, each new logo boasts a totally unique style, while staying true to the original hexagonal Mesos logo.

mesos_logo_generator_1600x648


2. ELEMENTS

‘Elements’ are unique shapes that are generated within the Mesos hexagonal grid. Each element is composed of max. 6 triangles.

mesos_logo_generator_elements_1600x802


3. COMPOSITION

Logos are generated when 2 different shapes— each with its own color— come together. The shapes intersect by a minimum of 2 triangles creating a new, third color.

mesos_logo_generator_composition


4. COLORS

By using a color triad, based on a 12 color wheel, each logo takes on its own distinct features.

mesos_logo_generator_colors


5. LOGO GENERATOR WEBSITE

No logo ever the same. Developing a custom website allows for logo generation to be a simple and accessible process. Go ahead, see it for yourself.     

logo_generator_Browser


  1. INFORMATION DESIGN

As the Mesos framework family grows, so does the need to visualise how each process works. We took this complex information and  visualized it in straightforward and attractive manner, while maintaining the look and feel of the Mesos framework brand.


  1. RESPONSIVE DESIGN

A custom and responsive website CMS allows for new frameworks to be launched quickly while maintaining brand consistency.

mesos_frameworks_iphone
mesos_elastic_website

 

mesos_frameworks_icons


  1. BROCHURE TEMPLATE

A customized brochure template makes it easy for Mesos to rapidly implement, and spread the word of, a new framework without ever compromising quality. Nothing quite compares to the real feel of a printed brochure.

mesos_frameworks_elastic_brochure_2