Web Design Options via "Infokosmos"

The TU Berlin website features a variety of photos, photo galleries, moving images and animations, and graphics. These visual formats exemplify and illustrate the diversity at TU Berlin - providing the University with a strong identity while providing information and telling stories in a catchy and entertaining way.
The use of different color gradients allows more freedom when designing web pages with a certain color gradient assigned to the different types of University institutions. The gradient can be used to highlight content, drawing in the user’s eye.

 

Overview of color schemes:

BLUE-GREEN

The BLUE-GREEN color gradient is available to TU Berlin’s central institutions and can be used to make web content stand out.

RED-PURPLE

All University institutions which belong to the central university administration, staff units, and committees are able to use the RED-PURPLE gradient.

BLUE-PURPLE

Faculties, central institutes, institutes, and academic chairs have the option of using the BLUE-PURPLE color gradient.

RED-ORANGE

The RED-ORANGE color gradient is only used on TU Berlin’s central pages and is not available to organizational units.

Infocosmos 5 and 6

Uniformity and freedom: a design concept for all needs

Infocosmos 5

Our web design offers more flexibility to institutions with greater organizational autonomy. These include, for instance, institutions cooperating with external partners where TU Berlin holds the lead role or is the speaker. Registered associations and parliamentary party lists are also included in these types of institutions. This freedom of design allows such institutions to place their own logo in the header and tailor the footer. Instead of color gradients, they can choose from 5 solid colors: blue, light blue, green, yellow, and orange.

Klickdummy (Access only via VPN)

Infocosmos 6

Even greater design flexibility is offered to external cooperative institutions and organizational units, which possess a high degree of autonomy while remaining affiliated with TU Berlin and where the University does not serve as the lead or spokesperson. Such institutions can use the TYPO3 web construction kit and the associated TU Berlin infrastructure and support services to create a more independent design. They also have the option of using a different logo and tailored footer and the free choice of a color scheme (via Hexcode). The slanted module banners and TU Berlin main menu are not a required part of the web construction kits for these associated institutions. Additionally, the URL is freely definable and not paired with https://www.tu.berlin.

Klickdummy (Access only via VPN)

Specifications and best practice (click dummies)

Uniformity and recognition are important so that website visitors can find their way around the TU Berlin website. For this reason, guidelines for menu items on organizational websites were defined in the course of the last web relaunch. When setting up and/or maintaining your web presence, please take note of the respective specifications for the menu items, their order and naming. Some menu items should definitely appear in your website and should also be named according to the specifications mentioned here.

Read more about this under "Defaults for menu items & best practice for your website".

Click dummies are available as examples for your orientation with regard to the specifications. You can also find the English terms for the menu items in the click dummies. The sample websites also serve as best practice with regard to page design.

The following click dummies are currently available. Please note: In order to access the web pages with the click dummies, you must have activated the VPN.

If you have any questions, please contact our TYPO3 team.

Design specifications for TYPO3-external web applications

For web applications of the TU Berlin that are not located on the central TYPO3 server, there are separate design specifications. It is not allowed to copy the design of the central website of the TU Berlin on your own. Please send a message to onlineredaktion@tu-berlin.de and briefly outline your project. You will then receive the current version of the "Design specifications for TYPO3-external web applications".