{"id":16458,"date":"2021-09-15T16:00:34","date_gmt":"2021-09-15T14:00:34","guid":{"rendered":"https:\/\/postera.io\/corporate-design-guidelines\/"},"modified":"2021-11-23T14:52:02","modified_gmt":"2021-11-23T13:52:02","slug":"corporate-design-guidelines","status":"publish","type":"page","link":"https:\/\/postera.io\/de\/corporate-design-guidelines\/","title":{"rendered":"Corporate Design Guidelines"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;531689&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;875408&#8243; row_name=&#8220;logo&#8220;][vc_column width=&#8220;1\/2&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;408365&#8243; text_color_type=&#8220;uncode-palette&#8220;]The logo[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;200619&#8243; text_color_type=&#8220;uncode-palette&#8220;]The Postera logo is the core of our corporate design.<br \/>\nOnly the logo artworks defined in this guideline should be used. Modifying the logo artworks in any way is not allowed, in order to ensure the recognizability and differentiation of the Postera brand.[\/vc_column_text][vc_button button_color=&#8220;accent&#8220; radius=&#8220;btn-circle&#8220; border_animation=&#8220;btn-ripple-out&#8220; hover_fx=&#8220;outlined&#8220; border_width=&#8220;0&#8243; button_color_type=&#8220;uncode-palette&#8220; uncode_shortcode_id=&#8220;199054&#8243; icon=&#8220;fa fa-download5&#8243; link=&#8220;url:https%3A%2F%2Fpostera.io%2Fwp-content%2Fuploads%2F2021%2F11%2FPostera_Logopaket.zip|title:Download%20Logo%20Package|target:_blank|rel:nofollow&#8220;]Download Logo Package[\/vc_button][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;15248&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;906660&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section back_color=&#8220;color-lxmt&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;176511&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;5&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;103598&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;212287&#8243; css=&#8220;.vc_custom_1631725305958{padding-right: 40px !important;}&#8220;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;949369&#8243; text_color_type=&#8220;uncode-palette&#8220;]Logo variations \u2013 preferred[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;665807&#8243; text_color_type=&#8220;uncode-palette&#8220;]For print as well as digital applications, it is always preferred to use either the positive logo version (Postera terra + Postera blue stone) or the negative version for use on dark backgrounds (Postera terra + white).[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;693278&#8243;][vc_single_image media=&#8220;16493&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;904272&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/1&#8243;][vc_separator sep_color=&#8220;accent&#8220; uncode_shortcode_id=&#8220;204055&#8243; sep_color_type=&#8220;uncode-palette&#8220; el_height=&#8220;1&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;5&#8243; bottom_padding=&#8220;5&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;180293&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;206567&#8243; css=&#8220;.vc_custom_1631725381273{padding-right: 40px !important;}&#8220;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;191545&#8243; text_color_type=&#8220;uncode-palette&#8220;]Logo variations \u2013<br \/>\nblack &amp; white print[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;197399&#8243; text_color_type=&#8220;uncode-palette&#8220;]For black and white printing, the logo artwork is depicted in all black for use on light backgrounds and all white on dark backgrounds. Do not desaturate the colored logo versions.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;693278&#8243;][vc_single_image media=&#8220;16493&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;151081&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8220;1\/1&#8243;][vc_separator sep_color=&#8220;accent&#8220; uncode_shortcode_id=&#8220;204055&#8243; sep_color_type=&#8220;uncode-palette&#8220; el_height=&#8220;1&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;5&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;426439&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;120494&#8243; css=&#8220;.vc_custom_1631725223977{padding-right: 40px !important;}&#8220;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;250171&#8243; text_color_type=&#8220;uncode-palette&#8220;]Picture mark<br \/>\nvariations[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;178679&#8243; text_color_type=&#8220;uncode-palette&#8220;]The picture mark color Postera terra is optimized for use on dark and light backgrounds. It is preferred to only depict the picture mark in this color.<\/p>\n<p>For black and white printing, the picture mark can be used in its black version on light backgrounds and white on dark backgrounds.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;797642&#8243;][vc_single_image media=&#8220;16489&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;139548&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section back_color=&#8220;color-nhtu&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;205197&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;150405&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;131541&#8243;][vc_custom_heading text_color=&#8220;color-xsdn&#8220; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;179541&#8243; text_color_type=&#8220;uncode-palette&#8220;]Clear Space[\/vc_custom_heading][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;865683&#8243; css=&#8220;.vc_custom_1631730984758{padding-top: 35px !important;}&#8220;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;0&#8243; bottom_padding=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;131324&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;4&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;198589&#8243; css=&#8220;.vc_custom_1631732121198{padding-top: 30px !important;}&#8220;][vc_column_text uncode_shortcode_id=&#8220;142731&#8243;]<span class=\"fw-medium\">Logo (recommended)<\/span><\/p>\n<p>The recommended clear space surrounding the logo artwork is derived from the height of the picture mark.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;201543&#8243;][vc_single_image media=&#8220;15176&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;930541&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;3&#8243; bottom_padding=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;125365&#8243;][vc_column width=&#8220;1\/2&#8243;][vc_column_text uncode_shortcode_id=&#8220;384679&#8243;]<span class=\"fw-medium\">Logo (minimum)<\/span><\/p>\n<p>The minimal clear space surrounding the logo should not be smaller than the height of the Postera word mark.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;786651&#8243;][vc_single_image media=&#8220;15168&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;161165&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;3&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;470492&#8243;][vc_column width=&#8220;1\/2&#8243;][vc_column_text uncode_shortcode_id=&#8220;145123&#8243;]<span class=\"fw-medium\">Picture mark<\/span><\/p>\n<p>The recommended clear space surrounding the picture mark is also derived from its height.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;786651&#8243;][vc_single_image media=&#8220;15174&#8243; media_width_use_pixel=&#8220;yes&#8220; uncode_shortcode_id=&#8220;144446&#8243; media_width_pixel=&#8220;200&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section back_color=&#8220;color-wayh&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;582711&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;151519&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;517942&#8243;][vc_custom_heading text_color=&#8220;color-xsdn&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;303992&#8243; text_color_type=&#8220;uncode-palette&#8220;]Logo restrictions[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;670737&#8243;]The minimal clear space surrounding the logo should not be smaller than the height of the Postera word mark.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Examples<\/strong><\/p>\n<ul>\n<li>Do not rearrange logo elements<\/li>\n<li>Do not change logo colors<\/li>\n<li>Do not add typography or graphic elements<\/li>\n<li>Do not distort<\/li>\n<li>Do not rotate<\/li>\n<li>Do not reduce opacity<\/li>\n<li>Do not outline<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;16487&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;107147&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_row unlock_row_content=&#8220;yes&#8220; row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;0&#8243; top_padding=&#8220;0&#8243; bottom_padding=&#8220;0&#8243; back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;174744&#8243; back_color_type=&#8220;uncode-palette&#8220; el_class=&#8220;floating-image-right&#8220; row_name=&#8220;colors&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;120196&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;183753&#8243; text_color_type=&#8220;uncode-palette&#8220;]Core colors[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;119242&#8243; text_color_type=&#8220;uncode-palette&#8220;]The core colors of Postera Capital are Postera terra, Postera blue stone and their gradations.<br \/>\nPostera terra is used as an accent color, which contrasts well with Postera blue stone. The rich blue tone and its gradations are used as background colors as well as for text, graphics and overlays.[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;16477&#8243; media_width_percent=&#8220;100&#8243; alignment=&#8220;right&#8220; uncode_shortcode_id=&#8220;189995&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8220;yes&#8220; row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;0&#8243; top_padding=&#8220;0&#8243; bottom_padding=&#8220;0&#8243; back_color=&#8220;color-lxmt&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;166096&#8243; back_color_type=&#8220;uncode-palette&#8220; el_class=&#8220;floating-image-right&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;120196&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;202022&#8243; text_color_type=&#8220;uncode-palette&#8220;]Secondary colors for office applications[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;781018&#8243; text_color_type=&#8220;uncode-palette&#8220;]For office applications, where more than two colors are necessary (for example for visualizing data in graphs) additional accent colors can be used.<\/p>\n<p>Generally, the use of the secondary Postera color palette defined on the right should be limited to applications, in which it is necessary.[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;16479&#8243; media_width_percent=&#8220;100&#8243; alignment=&#8220;right&#8220; uncode_shortcode_id=&#8220;192621&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;0&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;4&#8243; back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;423959&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;202577&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;557909&#8243; text_color_type=&#8220;uncode-palette&#8220;]Secondary colors in use: example graphs[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;811172&#8243; text_color_type=&#8220;uncode-palette&#8220;]Our primary colors are the preferred colors for charts, graphs, and data visualization. Secondary and tints may be added when more colors are needed. Below are some examples of charts and graphs.[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;0&#8243; top_padding=&#8220;3&#8243; bottom_padding=&#8220;6&#8243; back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;196613&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;5\/6&#8243; uncode_shortcode_id=&#8220;202577&#8243;][vc_single_image media=&#8220;16558&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;193255&#8243;][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;bottom&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/6&#8243; uncode_shortcode_id=&#8220;138992&#8243;][vc_column_text text_lead=&#8220;small&#8220; text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;164638&#8243; text_color_type=&#8220;uncode-palette&#8220;]A reduced usage of the secondary colors is preferred.[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;0&#8243; top_padding=&#8220;3&#8243; bottom_padding=&#8220;6&#8243; back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;196613&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;5\/6&#8243; uncode_shortcode_id=&#8220;202577&#8243;][vc_single_image media=&#8220;16560&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;103156&#8243;][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;bottom&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/6&#8243; uncode_shortcode_id=&#8220;138992&#8243;][vc_column_text text_lead=&#8220;small&#8220; text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;200059&#8243; text_color_type=&#8220;uncode-palette&#8220;]When working with PowerPoint, solid colors are preferred. Tints of our brand colors may be used sparingly.[\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;0&#8243; top_padding=&#8220;3&#8243; bottom_padding=&#8220;6&#8243; back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;196613&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;5\/6&#8243; uncode_shortcode_id=&#8220;202577&#8243;][vc_single_image media=&#8220;16562&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;635541&#8243;][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;bottom&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/6&#8243; uncode_shortcode_id=&#8220;138992&#8243;][vc_column_text text_lead=&#8220;small&#8220; text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;138049&#8243; text_color_type=&#8220;uncode-palette&#8220;]Avoid placing similar colours next to each other in pie charts or bar charts.[\/vc_column_text][\/vc_column][\/vc_row][vc_section back_color=&#8220;color-nhtu&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;167014&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;149852&#8243; row_name=&#8220;typography&#8220;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;141183&#8243;][vc_custom_heading text_color=&#8220;color-xsdn&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;327087&#8243; text_color_type=&#8220;uncode-palette&#8220;]Typography[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;190925&#8243;]The corporate font Proxima Nova is a clean, well<br \/>\nlegible font which combines modern proportions<br \/>\nwith a geometric appearance. It is used in the<br \/>\nmedium, regular and light weights for headlines<br \/>\naswell as paragraphs.<\/p>\n<p>For meta information, tables and footnotes,<br \/>\nProxima Nova is supplemented by the IBM Plex<br \/>\nmono in its regular weight in all caps.[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;16495&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;518378&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;859351&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;128122&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;173121&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;801926&#8243; text_color_type=&#8220;uncode-palette&#8220;]Type styles[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;136626&#8243; text_color_type=&#8220;uncode-palette&#8220;]For headlines, Proxima Nova is used in its Medium weight. Only in the case of first level (hero) headlines, it is used in all caps.<\/p>\n<p>For longer paragraphs, Postera uses the regular cut of Proxima Nova. For additional information, the light weight of Proxima Nova is used.<\/p>\n<p>For \u201cmeta\u201d information or technical notes, footnotes and numbering, the IBM Plex Mono is used in all caps and the accent color Postera terra.[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;16521&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;128085&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section back_color=&#8220;color-lxmt&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;159602&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;151519&#8243;][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; sticky=&#8220;yes&#8220; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;226079&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;495819&#8243; text_color_type=&#8220;uncode-palette&#8220;]Examples[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;105596&#8243; text_color_type=&#8220;uncode-palette&#8220;]Headlines are separated from the copy by a colored line in Postera Terra.[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;16527&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;193948&#8243;][vc_empty_space empty_h=&#8220;4&#8243;][vc_single_image media=&#8220;16525&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;128601&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section back_color=&#8220;color-nhtu&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;183877&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;158515&#8243; row_name=&#8220;tables&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;446727&#8243;][vc_custom_heading text_color=&#8220;color-xsdn&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;291353&#8243; text_color_type=&#8220;uncode-palette&#8220;]Tables[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;969898&#8243;]Tables are based on the main design element of Postera \u2013 the line. Lines used in tables are either white (negative) or in Postera terra.[\/vc_column_text][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;16523&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;453204&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section back_color=&#8220;color-lxmt&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;122662&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;214623&#8243; row_name=&#8220;imagery&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;5\/12&#8243; uncode_shortcode_id=&#8220;156992&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;142372&#8243; text_color_type=&#8220;uncode-palette&#8220;]Imagery: scene[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;463743&#8243; text_color_type=&#8220;uncode-palette&#8220;]Clean, minimalistic imagery, depicting architectural details and abstract geometric shapes creates an atmosphere of luxury surrounding the brand, without needing to be too literal or explanatory. This subtle style is used for title pages as well as backgrounds for text and graphics.[\/vc_column_text][\/vc_column][vc_column width=&#8220;7\/12&#8243;][vc_single_image media=&#8220;15241&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;185687&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_section back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;357805&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;138386&#8243;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;middle&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;5\/12&#8243; uncode_shortcode_id=&#8220;156992&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;115197&#8243; text_color_type=&#8220;uncode-palette&#8220;]Imagery: people[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;983855&#8243; text_color_type=&#8220;uncode-palette&#8220;]For general people imagery, the protagonists are depicted in action, on the go or at work. Documentary-style images are combined with geometric, almost abstract scenes.<\/p>\n<p>Posteras portraits exude confidence. The persons are looking directly at the camera, which is positioned at eye level. Backgrounds should be clean, geometric and lacking unnecessary clutter.[\/vc_column_text][\/vc_column][vc_column width=&#8220;7\/12&#8243;][vc_single_image media=&#8220;15243&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;140630&#8243;][\/vc_column][\/vc_row][\/vc_section][vc_row unlock_row_content=&#8220;yes&#8220; row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;0&#8243; top_padding=&#8220;5&#8243; bottom_padding=&#8220;4&#8243; back_color=&#8220;color-lxmt&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;885688&#8243; back_color_type=&#8220;uncode-palette&#8220; el_class=&#8220;floating-image-right&#8220; row_name=&#8220;examples&#8220;][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;bottom&#8220; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;669563&#8243; css=&#8220;.vc_custom_1631741210215{padding-bottom: 50px !important;}&#8220;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; heading_semantic=&#8220;h3&#8243; text_size=&#8220;h3&#8243; separator=&#8220;yes&#8220; separator_color=&#8220;yes&#8220; uncode_shortcode_id=&#8220;207358&#8243; text_color_type=&#8220;uncode-palette&#8220;]Touchpoint examples[\/vc_custom_heading][vc_column_text text_color=&#8220;color-nhtu&#8220; uncode_shortcode_id=&#8220;160745&#8243; text_color_type=&#8220;uncode-palette&#8220;]Here you find some examples of our design principles in use on different digital as well as print applications.[\/vc_column_text][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; position_vertical=&#8220;bottom&#8220; gutter_size=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;145882&#8243;][vc_single_image media=&#8220;15258&#8243; media_width_percent=&#8220;100&#8243; alignment=&#8220;right&#8220; uncode_shortcode_id=&#8220;171249&#8243; el_class=&#8220;floating-image&#8220;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; back_color=&#8220;color-lxmt&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;152708&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;15253&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;139985&#8243;][\/vc_column][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;15255&#8243; media_width_percent=&#8220;100&#8243; uncode_shortcode_id=&#8220;490834&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;2&#8243; bottom_padding=&#8220;6&#8243; back_color=&#8220;color-lxmt&#8220; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;131310&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_column width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;16537&#8243; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;sm&#8220; uncode_shortcode_id=&#8220;578580&#8243;][\/vc_column][vc_column column_width_percent=&#8220;100&#8243; gutter_size=&#8220;3&#8243; overlay_alpha=&#8220;50&#8243; shift_x=&#8220;0&#8243; shift_y=&#8220;0&#8243; shift_y_down=&#8220;0&#8243; z_index=&#8220;0&#8243; medium_width=&#8220;0&#8243; mobile_width=&#8220;0&#8243; width=&#8220;1\/2&#8243; uncode_shortcode_id=&#8220;817993&#8243; el_class=&#8220;media-max-width&#8220;][vc_single_image media=&#8220;16539&#8243; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;sm&#8220; uncode_shortcode_id=&#8220;125578&#8243;][vc_single_image media=&#8220;16543&#8243; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;sm&#8220; uncode_shortcode_id=&#8220;148922&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section back_color=&#8220;color-xsdn&#8220; overlay_alpha=&#8220;50&#8243; uncode_shortcode_id=&#8220;531689&#8243; back_color_type=&#8220;uncode-palette&#8220;][vc_row row_height_percent=&#8220;0&#8243; override_padding=&#8220;yes&#8220; h_padding=&#8220;2&#8243; top_padding=&#8220;6&#8243; bottom_padding=&#8220;6&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;875408&#8243; row_name=&#8220;logo&#8220;][vc_column width=&#8220;1\/2&#8243;][vc_custom_heading text_color=&#8220;color-nhtu&#8220; separator=&#8220;yes&#8220; [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16458","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Corporate Design Guidelines - Postera Capital<\/title>\n<meta name=\"description\" content=\"Postera Capital provides access to blockchain investment, innovation and data insights.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/postera.io\/de\/corporate-design-guidelines\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Corporate Design Guidelines - Postera Capital\" \/>\n<meta property=\"og:description\" content=\"Postera Capital provides access to blockchain investment, innovation and data insights.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/postera.io\/de\/corporate-design-guidelines\/\" \/>\n<meta property=\"og:site_name\" content=\"Postera Capital\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-23T13:52:02+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"8\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/corporate-design-guidelines\\\/\",\"url\":\"https:\\\/\\\/postera.io\\\/de\\\/corporate-design-guidelines\\\/\",\"name\":\"Corporate Design Guidelines - Postera Capital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/#website\"},\"datePublished\":\"2021-09-15T14:00:34+00:00\",\"dateModified\":\"2021-11-23T13:52:02+00:00\",\"description\":\"Postera Capital provides access to blockchain investment, innovation and data insights.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/corporate-design-guidelines\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/postera.io\\\/de\\\/corporate-design-guidelines\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/corporate-design-guidelines\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/postera.io\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Corporate Design Guidelines\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/postera.io\\\/de\\\/\",\"name\":\"Postera Capital\",\"description\":\"Invest into a new era \u2013 with blockchain\",\"publisher\":{\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/postera.io\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/#organization\",\"name\":\"Postera Capital GmbH\",\"url\":\"https:\\\/\\\/postera.io\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.postera.io\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/postera-capital-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.postera.io\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/postera-capital-logo.png\",\"width\":1455,\"height\":647,\"caption\":\"Postera Capital GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/postera.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/company\\\/postera-capital\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Corporate Design Guidelines - Postera Capital","description":"Postera Capital provides access to blockchain investment, innovation and data insights.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/postera.io\/de\/corporate-design-guidelines\/","og_locale":"de_DE","og_type":"article","og_title":"Corporate Design Guidelines - Postera Capital","og_description":"Postera Capital provides access to blockchain investment, innovation and data insights.","og_url":"https:\/\/postera.io\/de\/corporate-design-guidelines\/","og_site_name":"Postera Capital","article_modified_time":"2021-11-23T13:52:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"8\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/postera.io\/de\/corporate-design-guidelines\/","url":"https:\/\/postera.io\/de\/corporate-design-guidelines\/","name":"Corporate Design Guidelines - Postera Capital","isPartOf":{"@id":"https:\/\/postera.io\/de\/#website"},"datePublished":"2021-09-15T14:00:34+00:00","dateModified":"2021-11-23T13:52:02+00:00","description":"Postera Capital provides access to blockchain investment, innovation and data insights.","breadcrumb":{"@id":"https:\/\/postera.io\/de\/corporate-design-guidelines\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/postera.io\/de\/corporate-design-guidelines\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/postera.io\/de\/corporate-design-guidelines\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/postera.io\/de\/"},{"@type":"ListItem","position":2,"name":"Corporate Design Guidelines"}]},{"@type":"WebSite","@id":"https:\/\/postera.io\/de\/#website","url":"https:\/\/postera.io\/de\/","name":"Postera Capital","description":"Invest into a new era \u2013 with blockchain","publisher":{"@id":"https:\/\/postera.io\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/postera.io\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/postera.io\/de\/#organization","name":"Postera Capital GmbH","url":"https:\/\/postera.io\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/postera.io\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.postera.io\/wp-content\/uploads\/2021\/10\/postera-capital-logo.png","contentUrl":"https:\/\/www.postera.io\/wp-content\/uploads\/2021\/10\/postera-capital-logo.png","width":1455,"height":647,"caption":"Postera Capital GmbH"},"image":{"@id":"https:\/\/postera.io\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/company\/postera-capital"]}]}},"_links":{"self":[{"href":"https:\/\/postera.io\/de\/wp-json\/wp\/v2\/pages\/16458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/postera.io\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/postera.io\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/postera.io\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/postera.io\/de\/wp-json\/wp\/v2\/comments?post=16458"}],"version-history":[{"count":10,"href":"https:\/\/postera.io\/de\/wp-json\/wp\/v2\/pages\/16458\/revisions"}],"predecessor-version":[{"id":16577,"href":"https:\/\/postera.io\/de\/wp-json\/wp\/v2\/pages\/16458\/revisions\/16577"}],"wp:attachment":[{"href":"https:\/\/postera.io\/de\/wp-json\/wp\/v2\/media?parent=16458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}