This project is a flexible and dynamic typographic system designed for the Berliner Philharmoniker
Collaboration
Individual Project
Course: Flexible bewegte Systeme II
Year
2025
Software
After Effects
Illustrator
Photoshop
This project focuses on designing a flexible and dynamic typographic system for a fictional visual identity of the Berliner Philharmoniker. The goal is to develop a consistent system that explores the relationship between variables and constants, translating the dynamism of music into a structured visual language.
The starting point of this system is the pentagon shape, chosen for its significance in both the architecture of the Berliner Philharmonie and the orchestra’s existing logo. This shape serves as a bridge between stability and movement, reflecting the nature of orchestral music.
1. The Process
The process was carefully documented on a Miro board, where every instance was tested, compared, and refined before making final design choices. Initial research played a crucial role in shaping the concept, ensuring that both theoretical and visual foundations were strong. Each step of the development was approached experimentally, allowing for multiple trials and iterations to explore different possibilities.
2. Colours
The colors used in the project are the same as those in the current visual identity of the Berliner Philharmoniker. This choice was intentional, as these colors are derived from the architecture of the Philharmonie itself.
3. Fonts
Quite conservative fonts were chosen considering the target of the Philarmoniker
4. The Pentagon
At the core of this system is the pentagon, a shape deeply connected to the Berliner Philharmoniker. It is present both in the architecture of the Philharmonie, designed by Hans Scharoun, and in the orchestra’s existing logo. The pentagon serves as the foundation for the system, acting as a visual and structural element that guides the typographic compositions.
5. Displacement Map
To introduce movement and variability a displacement map was created using the pentagon shape.
6. Distorsion
The displacement map is used to displace the text dynamically. The first experiments were carried out statically and later animated.
7. Results
This typographic system is applied across multiple media formats maintaining a cohesive identity while showcasing different variations.
