{"id":10944,"date":"2025-02-05T09:08:33","date_gmt":"2025-02-05T08:08:33","guid":{"rendered":"https:\/\/cms.zdv.uni-mainz.de\/fb08-informatik\/?page_id=10944"},"modified":"2025-03-21T08:42:39","modified_gmt":"2025-03-21T07:42:39","slug":"corporate-design-guidelines","status":"publish","type":"page","link":"https:\/\/www.informatik.uni-mainz.de\/en\/corporate-design-guidelines\/","title":{"rendered":"Corporate Design Guidelines"},"content":{"rendered":"\n<\/jgu-base-pageheader>\n
\n
\n
\n
<\/div>\n\n\n\n
\n \n<\/jgu-base-image><\/div>\n\n\n\n
\n \n<\/jgu-base-image>\n\n\n \n<\/jgu-base-image><\/div>\n\n\n\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n\n \n<\/jgu-base-anchornavigation>\n
<\/div>\n\n\n<\/jgu-base-heading>\n\n\n\n

The colors of the Institute of Computer Science are based on the corporate design guidelines of JGU and therefore contain the same shades.<\/p>\n\n\n<\/jgu-base-heading>\n\n\n\n

The main colors should primarily be used for the design of media.<\/p>\n\n\n\n

\n
\n
\nOrient Red |\u00a0Orientrot
\n#C1002A\n<\/div>\n<\/div>\n\n\n\n
\n
\nAluminium Gray |\u00a0Aluminiumgau
\n#636363\n<\/div>\n<\/div>\n\n\n\n
\n
\nSignal Gray |\u00a0Signalgrau
\n#9B9B9B\n<\/div>\n<\/div>\n\n\n\n
\n
\nWinter White |\u00a0Winterwei\u00df
\n#E6E6E6\n<\/div>\n<\/div>\n\n\n\n
\n
\nWhite |\u00a0Wei\u00df
\n#FFFFFF\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n<\/jgu-base-heading>\n\n\n\n

The secondary colors can be used if the main palette has been used up or if no suitable color can be found for certain accentuations in graphics.<\/p>\n\n\n\n

\n
\n
\n
\nDark Orange |\u00a0Dunkelorange
\n#ff5500\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\nTallarn Flesh
\n#046380\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n#00a023\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n#f1c645\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n#754363\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/jgu-base-section>\n
<\/div>\n\n\n<\/jgu-base-heading>\n\n\n\n

The lettering can be used as a variant with or without a working group. Therefore, the upper text should be the name of your working group and the lower text the name of the institute, alternatively Institute for<\/em> and Computer Science<\/em>. See the following example: <\/p>\n\n\n\n

\n
<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n \n<\/jgu-base-image>\n\n\n
<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

The font in the top line is always Noto Sans and in the bottom line Noto Sans Bold (bold print).<\/p>\n<\/div><\/div>\n<\/jgu-base-section>\n

<\/div>\n\n\n<\/jgu-base-heading>\n\n\n\n

The logo is available in two versions: a color version (COLOR) and a monochrome version (MONO). Whenever possible, the color version should be used. The monochrome version should only be used if the color version is not available or if the color version is not suitable for the medium, for example due to a fixed background. With the monochrome version, the coloring can be adapted to the theme. <\/p>\n\n\n\n \n\n \n\n

\n
\n

PNG – Usage: Print Media<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
1K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
2K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
4K<\/a>Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

WEBP – Usage: Web Applications<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
1K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
2K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
4K<\/a>Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

SVG<\/p>\n<\/div>\n\n\n\n

\n
Download<\/a><\/div>\n<\/div>\n<\/div>\n\n\n<\/jgu-base-tabsitem>\n\n\n \n\n
\n
\n

PNG (White Only)<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
1K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
2K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
4K<\/a>Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

WEBP (White Only)<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
1K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
2K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
4K<\/a>Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

SVG<\/p>\n<\/div>\n\n\n\n

\n
Download<\/a><\/div>\n<\/div>\n<\/div>\n\n\n<\/jgu-base-tabsitem>\n\n\n \n\n
\n
\n

Promo Video (MP4)<\/p>\n<\/div>\n\n\n\n

\n
Download<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

<\/p>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n\n\n<\/jgu-base-tabsitem>\n\n<\/jgu-base-tabs><\/div><\/div>\n<\/jgu-base-section>\n
<\/div>\n\n\n<\/jgu-base-heading>\n\n\n\n

The following templates were created with Microsoft PowerPoint and are designed for its use. If you use Linux and cannot run PowerPoint on your computer, use the ZDV remote desktop environment instead. <\/p>\n\n\n\n

This is particularly important for the print templates, as otherwise the scaling of objects will deviate.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
<\/jgu-base-heading>\n\n\n\n

PowerPoint template for information signs, door signs and name badges.<\/p>\n\n\n\n \n<\/jgu-base-buttonitem>\n\n<\/jgu-base-button><\/div>\n\n\n\n

<\/jgu-base-heading>\n\n\n\n

Template for presentations in Microsoft PowerPoint and Apple Keynote.
<\/p>\n\n\n\n \n<\/jgu-base-buttonitem>\n\n<\/jgu-base-buttonitem>\n\n<\/jgu-base-button><\/div>\n\n\n\n

<\/jgu-base-heading>\n\n\n\n

The doctoral students of the institute jointly maintain a GitLab project with a LaTeX template for theses.<\/p>\n\n\n\n \n<\/jgu-base-buttonitem>\n\n<\/jgu-base-button><\/div>\n<\/div>\n<\/div><\/div>\n<\/jgu-base-section>\n

<\/div>\n\n\n<\/jgu-base-heading>\n\n\n\n

The Asset Builder can be used to generate logo assets for the respective workgroup.<\/strong><\/p>\n\n\n\n

It is also possible to generate an e-mail signature<\/strong> here, which can be inserted directly as a signature in the Outlook webmailer or an e-mail program (such as Apple Mail). Thunderbird is not supported.<\/p>\n\n\n\n \n<\/jgu-base-buttonitem>\n\n<\/jgu-base-button><\/div><\/div>\n<\/jgu-base-section>\n

\n
\n
<\/jgu-base-heading>\n\n\n\n

If you have any questions, comments or requests for additions to the design and templates, please feel free to contact me.<\/p>\n<\/div>\n\n\n\n

\n \n<\/jgu-base-idm-person>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/jgu-base-section>
\n \n <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":284,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-10944","page","type-page","status-publish","hentry"],"content_raw":"\n
\n
\n
\n
<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n\n
\n\n\n\n\n

The colors of the Institute of Computer Science are based on the corporate design guidelines of JGU and therefore contain the same shades.<\/p>\n\n\n\n\n\n

The main colors should primarily be used for the design of media.<\/p>\n\n\n\n

\n
\n
\nOrient Red |\u00a0Orientrot
\n#C1002A\n<\/div>\n<\/div>\n\n\n\n
\n
\nAluminium Gray |\u00a0Aluminiumgau
\n#636363\n<\/div>\n<\/div>\n\n\n\n
\n
\nSignal Gray |\u00a0Signalgrau
\n#9B9B9B\n<\/div>\n<\/div>\n\n\n\n
\n
\nWinter White |\u00a0Winterwei\u00df
\n#E6E6E6\n<\/div>\n<\/div>\n\n\n\n
\n
\nWhite |\u00a0Wei\u00df
\n#FFFFFF\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n\n\n

The secondary colors can be used if the main palette has been used up or if no suitable color can be found for certain accentuations in graphics.<\/p>\n\n\n\n

\n
\n
\n
\nDark Orange |\u00a0Dunkelorange
\n#ff5500\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\nTallarn Flesh
\n#046380\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n#00a023\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n#f1c645\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n#754363\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n
\n\n\n\n\n

The lettering can be used as a variant with or without a working group. Therefore, the upper text should be the name of your working group and the lower text the name of the institute, alternatively Institute for<\/em> and Computer Science<\/em>. See the following example: <\/p>\n\n\n\n

\n
<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

The font in the top line is always Noto Sans and in the bottom line Noto Sans Bold (bold print).<\/p>\n<\/div><\/div>\n\n

\n\n\n\n\n

The logo is available in two versions: a color version (COLOR) and a monochrome version (MONO). Whenever possible, the color version should be used. The monochrome version should only be used if the color version is not available or if the color version is not suitable for the medium, for example due to a fixed background. With the monochrome version, the coloring can be adapted to the theme. <\/p>\n\n\n\n\n\n

\n
\n

PNG - Usage: Print Media<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
1K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
2K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
4K<\/a>Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

WEBP - Usage: Web Applications<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
1K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
2K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
4K<\/a>Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

SVG<\/p>\n<\/div>\n\n\n\n

\n
Download<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n\n\n
\n
\n

PNG (White Only)<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
1K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
2K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
4K<\/a>Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

WEBP (White Only)<\/p>\n<\/div>\n\n\n\n

\n
\n
\n
1K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
2K<\/a>Download<\/a><\/div>\n<\/div>\n\n\n\n
\n
4K<\/a>Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

SVG<\/p>\n<\/div>\n\n\n\n

\n
Download<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n\n\n
\n
\n

Promo Video (MP4)<\/p>\n<\/div>\n\n\n\n

\n
Download<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

<\/p>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n\n\n<\/div><\/div>\n\n
\n\n\n\n\n

The following templates were created with Microsoft PowerPoint and are designed for its use. If you use Linux and cannot run PowerPoint on your computer, use the ZDV remote desktop environment instead. <\/p>\n\n\n\n

This is particularly important for the print templates, as otherwise the scaling of objects will deviate.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n\n\n

PowerPoint template for information signs, door signs and name badges.<\/p>\n\n\n\n\n<\/div>\n\n\n\n

\n\n\n

Template for presentations in Microsoft PowerPoint and Apple Keynote.
<\/p>\n\n\n\n\n\n\n<\/div>\n\n\n\n

\n\n\n

The doctoral students of the institute jointly maintain a GitLab project with a LaTeX template for theses.<\/p>\n\n\n\n\n<\/div>\n<\/div>\n<\/div><\/div>\n\n

\n\n\n\n\n

The Asset Builder can be used to generate logo assets for the respective workgroup.<\/strong><\/p>\n\n\n\n

It is also possible to generate an e-mail signature<\/strong> here, which can be inserted directly as a signature in the Outlook webmailer or an e-mail program (such as Apple Mail). Thunderbird is not supported.<\/p>\n\n\n\n\n<\/div><\/div>\n\n

\n
\n
\n\n\n

If you have any questions, comments or requests for additions to the design and templates, please feel free to contact me.<\/p>\n<\/div>\n\n\n\n

<\/div>\n<\/div>\n<\/div><\/div>\n","_links":{"self":[{"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/pages\/10944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/users\/284"}],"replies":[{"embeddable":true,"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/comments?post=10944"}],"version-history":[{"count":9,"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/pages\/10944\/revisions"}],"predecessor-version":[{"id":11609,"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/pages\/10944\/revisions\/11609"}],"wp:attachment":[{"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/media?parent=10944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/categories?post=10944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.informatik.uni-mainz.de\/en\/wp-json\/wp\/v2\/tags?post=10944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}