ZEISS Brand Portal
ZEISS Brand Portal
LayoutOverview

Layout is much more than a way of arranging content; it is a powerful expression of the brand. It guides attention, shapes perception, creates recognition and makes communication memorable.

But as our world, our business and the ways we communicate continue to evolve, our layout needs to do more than protect consistency. It needs to enable the brand to move forward.

New layout is built on a philosophy that balances flexibility and coherence, enabling teams to create, adapt and innovate, while ensuring every expression still feels unmistakably ZEISS.

At the heart of new layout is Seeing Beyond. Inspired by our essence, the new layout moves away from static compositions toward a dynamic, spatial system. Elements exist in three dimensions, creating relationships, depth and movement; as the viewer explores the composition, these relationships can shift, revealing new perspectives and inviting deeper engagement. In this way, the layout itself becomes an expression of our brand philosophy.

And at the center of this space is always our audience—because the layout is ultimately designed not just around what we want to say, but around what our customers want to us to tell them at specific moment and touchpoint.

Flexibility

The hierarchy of individual elements is flexible, allowing you to adapt the layout to your communication goals and the needs of your audience at every stage of the customer journey.

Start with the customer: What matters most to them in this moment? What information, message, or experience is most relevant to their needs? Use the flexibility of the layout to prioritize these elements, ensuring communication is clear, engaging, and centered around the audience rather than the medium.

Catch, Convince, Convert
more elements, less depth

The use of spatial effects such as overlaps or bleeds varies depending on the number of elements.

Creating your layout

In the following examples, the geometric shapes represent individual elements in the layout, such as an image, headline, or logo.

1. Use significant differences in element sizes.

2. Use diagonal offset, bleeds, and overlaps.

3. Use empty space.

4. Use animation or motion whenever possible.

FAQs

The spatial arrangement is not a stylistic preference – it expresses the Brand Essence, Seeing beyond. The most important element appears closest to the viewer and is therefore largest. This creates hierarchy, depth, and a distinctive visual signature. Flat layouts without contrast in size or depth should be avoided, as they dilute the brand’s core idea and reduce clarity.

Start with communication intent. How do you want to catch the audience, what should convince them, and what should convert them? The most important message for that specific stage of the journey should be visually dominant. The system is flexible – hierarchy supports strategy, not the other way around.

Spatially arranged elements should preferably not be aligned directly along the edges, as this reduces the sense of depth. The layout should feel layered and dimensional. Exceptions apply for small formats with specific safe zones, such as certain social media formats, where alignment may be required for functional reasons.

  • Simple layout: This is used when only a few elements are needed, such as a headline and an image. Each element stands independently in space.

  • Advanced layout: Image and possibly a headline are arranged spatially; logo, tagline, and copy sit in a front layer aligned with the margins.

  • Complex layout: When many elements are required, additional content is grouped in a rectangular container layer arranged in space.

Choose the layout based on content density – never force complexity if simplicity communicates better.

Yes. The dynamic tagline must not be combined directly with the logo. In this layout design, the logo and tagline are separate elements placed in opposite corners, with a minimum distance of two logo widths between them. The tagline should not be used as a headline.

Not necessarily. In closed brand contexts, such as on official social media channels, website, or a trade show booth, branding can be reduced. In some cases, neither the logo nor tagline is required. The system allows flexibility, but only when the audience is clearly aware that they are in a ZEISS environment.

ZEISS Head and ZEISS Text are variable fonts, offering flexibility in weight and width. However, legibility and functional clarity always come first.

Key guidelines:

  • Prioritize strong contrast between text styles.

  • Avoid mixing more than two weights or more than one width within a single text element.

  • Replace ZEISS Head with ZEISS Text for long, body-like texts, especially in small formats.

Expressiveness is welcome, but not at the expense of clarity.

The overall brand stage colors remain black and white. Secondary colors are used selectively and purposefully. ZEISS Azure is reserved for functional elements such as call-to-action buttons. Headlines, taglines, and body text must not be colorized. The canvas/background itself must also never be colorized. Restraint ensures brand consistency and perception as a premium brand.

Do you have questions?

Corporate Brand, Communications & Public Affairs

Stay connected