Brand platform and design system: how meanings and visuals are connected

What each of the two systems does

The platform answers the question 'what we say and why' — this is positioning, values, archetype, tone of voice. The design system answers the question 'how it looks on a specific page, packaging, or sign'. The separation works like this: the platform holds the meaning unchanged for years, while the design system translates it into solutions that scale to hundreds of formats — from business card to mobile app.

The check is simple: if a designer cannot explain why a button is round rather than square, referring to a specific platform point — there is no connection, the system is built not from meaning but from taste.

How meaning turns into visuals: five steps

Translating meaning into form is a procedure, not a flash of inspiration, and it can be repeated on any project:

1. From the platform, one key metaphor or archetype is extracted — not a list of words, but an image that holds all other decisions.
2. The metaphor is broken down into 3-5 meaningful attributes, for example, 'speed', 'accuracy', 'care'.
3. Each attribute gets a visual equivalent: shape (sharp or rounded corners), dynamics (stillness or motion), density (air or saturation).
4. The equivalents are tested separately on color, typography, and graphics — the meaning must be readable at least on two different media independently of each other.
5. The assembled elements are tested on real formats — interface, packaging, exterior — until the final guideline is approved.

Often, the third step is skipped. The team takes an abstract value and immediately draws a logo, bypassing the intermediate link 'form-equivalent' — and then cannot explain during project defense why the image looks exactly that way and not otherwise.

Jogel Case: Four Values — Four Symbols

At the core of the Jogel platform were four values: innovation, design, service, and people. Instead of abstract illustrations, each value received its own geometric symbol: innovation — a lightning bolt, design — a star, service — a magnet, people — a circle. These symbols were not left as ornaments on the title page of the guideline — they became the foundation of the graphic system: patterns, iconography, and accent graphics in communications.

The difference between an illustration and encoding here is fundamental. The circle of 'people' is not drawn as human figures — it functions as a form: soft, without sharp angles, unifying. Such a form can be scaled by a designer to any medium without losing connection to the original idea, whereas an illustration cannot.

One brand, different channels: where the form changes and where it does not

A design system must be recognizable in different contexts, but not literally identical. The MISIS project solved this through two palettes within one system: a restrained blue-green palette — for official communications, and an expanded bright palette — for engaging with a young audience. The core — typography, compositional principles, pictograms — remains unchanged, only the color register changes.

The I:MOD project went further: it incorporated the principle of a 'middleware layer' — the system itself selects the visual brand state according to the audience, channel, format, and scenario, while the core identity remains untouched. This is not manual adaptation by a designer, but logic built into the system itself.

Media of meaning beyond logo and color

Logo and corporate color are the most noticeable layers of the brand, but not the only ones. The meaning is often conveyed through elements that users do not consciously read, but perceive as a general impression:

• Icons reinforce text, form patterns, and work as standalone semantic accents, as demonstrated by the practice of MISIS.
• Patterns and textures convey the rhythm and character of the brand without direct imagery.
• Typography is not only readability but also the tone of voice: a serif typeface with sharp strokes sounds differently than a rounded grotesque.
• Animation and motion are critical in digital channels where a static image fails to convey the dynamics of value.
• A metaphor of a physical phenomenon — in the VAKIO project, the concept of 'breathing' manifested in circles, stroke divisions, and air movement simultaneously in interfaces and icons, not only in the brief's text.

How to structure a design system so it doesn't become outdated within a year

A ten-slide guideline with logo examples won't withstand brand growth into new channels. A working design system is built as a tool with modular grids, application scenarios, and a logic of solutions for situations not literally described. The Stadion project pushed this logic to its limit: a 200-page interactive guideline with scenario breakdown allowed the brand team to continue working without agency involvement.

The economic effect of such a structure is measurable. The Learnis study recorded an increase in platform recognition from 21% to 76% after implementing a unified design system, and the speed of building a new page increased more than fivefold — instead of 2-5 hours per input field, the task was completed much faster. This is the argument for a system rather than a one-time set of mockups: it saves time and money on every subsequent project, not just the first.