{"id":34648,"date":"2026-10-20T09:13:28","date_gmt":"2026-10-20T07:13:28","guid":{"rendered":"https:\/\/www.designenlassen.de\/blog\/?p=34648"},"modified":"2026-10-26T09:53:12","modified_gmt":"2026-10-26T07:53:12","slug":"corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt","status":"publish","type":"post","link":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/","title":{"rendered":"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Ein neues Logo ist f\u00fcr viele Unternehmen der erste sichtbare Schritt ihrer eigenen Marke. Auf <a href=\"https:\/\/www.designenlassen.de\/logo-visitenkarte\">Visitenkarte<\/a> und Briefpapier wirkt es meist genau so, wie es gedacht war. Auf der Website sieht das oft anders aus: Das Signet ist im mobilen Men\u00fc kaum zu erkennen, die Farbe wirkt am Bildschirm blasser als im Druck, und die Schrift, die man sich so sorgf\u00e4ltig ausgesucht hat, darf online gar nicht verwendet werden.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"700\" height=\"300\" data-id=\"18468\" src=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_.jpg\" alt=\"Corporate Design Beispiel designenlassen.de\" class=\"wp-image-18468\" srcset=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_.jpg 700w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_-300x129.jpg 300w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_-585x251.jpg 585w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_-600x257.jpg 600w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a>Warum Print und Screen unterschiedlich funktionieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Print arbeitet mit festen Formaten: Ein Flyer hat eine bestimmte Gr\u00f6\u00dfe, Farben werden in CMYK oder als Pantone-Ton gedruckt, und das Logo steht immer an der gleichen Stelle. Eine Website wird dagegen auf Displays zwischen rund 320 und weit \u00fcber 2.500 Pixeln Breite angezeigt. Wir sehen heute Logos nicht mehr nur auf Briefpapier, sondern viele tausend Mal am Tag, mal auf einem kalibrierten Monitor im B\u00fcro, mal auf einem alten Smartphone in der Sonne. Daraus ergeben sich eigene Anforderungen: Farben brauchen RGB und HEX-Werte, Schriften eine Weblizenz, das Logo muss auch in sehr kleinen Gr\u00f6\u00dfen funktionieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Egal, ob diese Website nun eine <a href=\"https:\/\/www.violetta.ch\/\">Webagentur aus der Schweiz<\/a>, ein Studio in Hamburg oder ein freier Entwickler baut, die erste Phase eines jeden Projekts dient meist genau dieser \u00dcbersetzung. Vorhandene Markenelemente werden gesichtet, auf digitale Tauglichkeit hin gepr\u00fcft und um fehlende Varianten erg\u00e4nzt. Wer sich diese Fragen bei der Logoentwicklung gleich mitbedacht, ist sp\u00e4ter auf der sicheren Seite und spart sich Arbeitszeit und Korrekturschleifen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a>Das Logo in mehreren Varianten denken<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Logo reicht f\u00fcr das Web nicht aus. Qualitativ bew\u00e4hrt hat sich ein responsives Logosystem mit abgestuften Varianten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hauptlogo: die vollst\u00e4ndige Version mit Wort-Bild-Marke und ggf. Claim, f\u00fcr Desktop-Header und Startseite<\/li>\n\n\n\n<li>Kompakt-Variante: ohne Claim, oft in horizontaler Anordnung, f\u00fcr schmale Header und mobile Ansichten<\/li>\n\n\n\n<li>Bildmarke allein: das Signet ohne Schriftzug, f\u00fcr App-Icons oder Social-Media-Profile<\/li>\n\n\n\n<li>Favicon: stark vereinfachte Form, die im Browser-Tab noch bei 16 \u00d7 16 und 32 \u00d7 32 Pixeln erkennbar bleibt<\/li>\n\n\n\n<li>F\u00fcr Apple-Ger\u00e4te wird zus\u00e4tzlich ein Touch-Icon mit 180 \u00d7 180 Pixeln ben\u00f6tigt, f\u00fcr installierbare Web-Apps ein Icon mit 512 \u00d7 512 Pixeln<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Das bevorzugte Dateiformat f\u00fcr Logos im Web ist SVG. Vektorgrafiken bleiben auf hochaufl\u00f6senden Bildschirmen gestochen scharf und sind meist nur wenige Kilobyte gro\u00df. Eine einfarbige und eine negative Version geh\u00f6ren ebenfalls zum Paket. Sp\u00e4testens wenn die Website einen Dark Mode bietet, wird sie ben\u00f6tigt. Mindestgr\u00f6\u00dfe und Schutzzone sollte im Styleguide nicht nur in Millimetern, sondern auch in Pixeln angegeben werden.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"33457\" src=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-1024x1024.jpg\" alt=\"\" class=\"wp-image-33457\" srcset=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-1024x1024.jpg 1024w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-300x300.jpg 300w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-150x150.jpg 150w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-768x768.jpg 768w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-1536x1536.jpg 1536w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-2048x2048.jpg 2048w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-1920x1920.jpg 1920w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-1170x1170.jpg 1170w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-585x585.jpg 585w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2021\/07\/logo-fuer-softwareentwickler-fuer-pv-anlagen_136_898891-600x600.jpg 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"970\" data-id=\"34151\" src=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2023\/03\/logo-fuer-immobilienunternehmen_150_469833-1024x970.jpg\" alt=\"\" class=\"wp-image-34151\" srcset=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2023\/03\/logo-fuer-immobilienunternehmen_150_469833-1024x970.jpg 1024w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2023\/03\/logo-fuer-immobilienunternehmen_150_469833-300x284.jpg 300w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2023\/03\/logo-fuer-immobilienunternehmen_150_469833-768x728.jpg 768w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2023\/03\/logo-fuer-immobilienunternehmen_150_469833-1170x1109.jpg 1170w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2023\/03\/logo-fuer-immobilienunternehmen_150_469833-585x554.jpg 585w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2023\/03\/logo-fuer-immobilienunternehmen_150_469833.jpg 1352w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"999\" data-id=\"32002\" src=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2018\/06\/designenlassen-kfz-service-logo-gangl4.png\" alt=\"\" class=\"wp-image-32002\" srcset=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2018\/06\/designenlassen-kfz-service-logo-gangl4.png 1023w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2018\/06\/designenlassen-kfz-service-logo-gangl4-300x293.png 300w, https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2018\/06\/designenlassen-kfz-service-logo-gangl4-768x750.png 768w\" sizes=\"(max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:17px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-text-align-left wp-element-button\" href=\"https:\/\/www.designenlassen.de\/logo-design?utm_source=blog&amp;utm_medium=button&amp;utm_campaign=blog-beitraege\" style=\"background-color:#091182\">Jetzt Logo erstellen<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading\"><a><\/a>Farben und Kontraste nach WCAG<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Das Umrechnen von CMYK auf RGB ist kein linearer Prozess. Manchen Pantone-T\u00f6nen kommt man am Monitor nur nahe, umgekehrt sind im Druck die strahlenden RGB-Gr\u00fcnt\u00f6ne kaum zu erreichen. Sauber definiert ist eine Hausfarbe erst, wenn f\u00fcr sie Pantone-, CMYK-, RGB- und HEX-Werte festgelegt und am Monitor gepr\u00fcft wurden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nicht zu vergessen: die <a href=\"https:\/\/www.initiative-barrierefreiheit.de\/barrierefreie-texte-so-gestalten-sie-inhalte-verstaendlich-fuer-alle\/\">Barrierefreiheit<\/a>. Die Web Content Accessibility Guidelines (WCAG) verlangen auf Konformit\u00e4tsstufe AA ein Kontrastverh\u00e4ltnis von mindestens 4,5:1 zwischen normalem Text und Hintergrund, f\u00fcr gro\u00dfen Text und f\u00fcr Bedienelemente und informationstragende Grafiken 3:1. Helle Markenfarben wie Gelb, Mint oder Hellblau verfehlen diese Werte auf wei\u00dfem Grund fast immer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die \u00fcbliche L\u00f6sung: Die Originalfarbe bleibt Fl\u00e4chen, Illustrationen und Akzenten vorbehalten. F\u00fcr Texte und Buttons muss eine dunklere Abstufung eingestellt werden, die der Kontrastforderung gen\u00fcgt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a>Typografie: Lizenzen, Formate &amp; Lesbarkeit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine gekaufte Desktop-Lizenz gestattet in aller Regel nur die Verwendung auf dem eigenen Rechner, also etwa f\u00fcr Drucksachen. Die Einbindung auf einer Webseite erfordert eine gesonderte Webfont-Lizenz, die meist nach Seitenaufrufen pro Monat abgerechnet wird. Auf diesen Punkt wird bei der Gestaltung oft nicht geachtet, er \u00e4rgert dann bei der Umsetzung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Technisch hat sich WOFF2 als Format durchgesetzt, weil es die Schriftdateien stark komprimiert. Kostenlose Schriften wie Google Fonts sollten besser lokal auf dem eigenen Server liegen, da das Landgericht M\u00fcnchen 2022 entschieden hat, dass die dynamische Einbindung \u00fcber Google-Server ohne Zustimmung gegen die DSGVO verst\u00f6\u00dft, weil dabei die IP-Adressen \u00fcbermittelt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die Lesbarkeit haben sich einige Richtwerte herausgebildet:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Grundschriftgr\u00f6\u00dfe f\u00fcr Flie\u00dftext ab 16 Pixeln<\/li>\n\n\n\n<li>Zeilenl\u00e4nge von etwa 60 bis 75 Zeichen<\/li>\n\n\n\n<li>Zeilenabstand um das 1,5fache der Schriftgr\u00f6\u00dfe<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Variable Fonts fassen mehrere Schriftschnitte in einer Datei zusammen und senken damit die Ladezeit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a>Vom Styleguide zum Designsystem<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein klassischer Styleguide als pdf beschreibt Logo, <a href=\"https:\/\/www.designenlassen.de\/blog\/farben-und-ihre-bedeutung\/\" data-type=\"post\" data-id=\"26782\">Farben<\/a> und Schriften. Wesentliche Bausteine fehlen, wenn man den Inhalt einer Webseite betrachtet. Digitale Oberfl\u00e4chen bestehen aus immer wiederkehrenden Komponenten, aus Buttons, Formularfeldern, Karten, Navigationselementen. Jede hat mehrere Zust\u00e4nde: normal, hover, fokus, disabled, faulty.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Designsystem h\u00e4lt all diese Komponenten mit ihren Zust\u00e4nden fest, h\u00e4ufig direkt aus dem Gestaltungsprogramm wie Figma. Abst\u00e4nde orientieren sich meist an einem festen Raster, h\u00e4ufig in 8er-Schritten. Farben, Schriftgr\u00f6\u00dfen und Abst\u00e4nde lassen sich als sogenannte Design Tokens definieren, also als benannte Variablen, die Designer und Entwickler gleicherma\u00dfen verwenden. \u00c4ndert sich ein Wert, wird er an einer Stelle ge\u00e4ndert, und er ist an unz\u00e4hligen anderen Stellen im ganzen Auftritt ge\u00e4ndert.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ein neues Logo ist f\u00fcr viele Unternehmen der erste sichtbare Schritt ihrer eigenen Marke. Auf Visitenkarte&hellip;<\/p>\n","protected":false},"author":24,"featured_media":18468,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-34648","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt<\/title>\n<meta name=\"description\" content=\"Ein neues Logo ist f\u00fcr viele Unternehmen der erste sichtbare Schritt ihrer eigenen Marke. Auf Visitenkarte und Briefpapier wirkt es meist genau so, wie es gedacht war.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt\" \/>\n<meta property=\"og:description\" content=\"Ein neues Logo ist f\u00fcr viele Unternehmen der erste sichtbare Schritt ihrer eigenen Marke. Auf Visitenkarte und Briefpapier wirkt es meist genau so, wie es gedacht war.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/\" \/>\n<meta property=\"og:site_name\" content=\"designenlassen.de Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-20T07:13:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-26T07:53:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Patrick Schady\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Patrick Schady\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/\"},\"author\":{\"name\":\"Patrick Schady\",\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/#\\\/schema\\\/person\\\/1e6e4a367ec0359155d5fbb01227c1ca\"},\"headline\":\"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt\",\"datePublished\":\"2026-10-20T07:13:28+00:00\",\"dateModified\":\"2026-10-26T07:53:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/\"},\"wordCount\":845,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Corporate-Design-Beispiel-designenlassen.de_.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/\",\"url\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/\",\"name\":\"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Corporate-Design-Beispiel-designenlassen.de_.jpg\",\"datePublished\":\"2026-10-20T07:13:28+00:00\",\"dateModified\":\"2026-10-26T07:53:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/#\\\/schema\\\/person\\\/1e6e4a367ec0359155d5fbb01227c1ca\"},\"description\":\"Ein neues Logo ist f\u00fcr viele Unternehmen der erste sichtbare Schritt ihrer eigenen Marke. Auf Visitenkarte und Briefpapier wirkt es meist genau so, wie es gedacht war.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Corporate-Design-Beispiel-designenlassen.de_.jpg\",\"contentUrl\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Corporate-Design-Beispiel-designenlassen.de_.jpg\",\"width\":700,\"height\":300,\"caption\":\"Corporate Design Beispiel designenlassen.de\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/\",\"name\":\"designenlassen.de Blog\",\"description\":\"Inspirationen, Tipps und Ideen f\u00fcr Designer sowie Gr\u00fcnder und Kleinbetriebe.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/#\\\/schema\\\/person\\\/1e6e4a367ec0359155d5fbb01227c1ca\",\"name\":\"Patrick Schady\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/41cfafecfbfd30ee6bc4cc02dd530ef067050210239f1d60debda10ce9c038d7?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/41cfafecfbfd30ee6bc4cc02dd530ef067050210239f1d60debda10ce9c038d7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/41cfafecfbfd30ee6bc4cc02dd530ef067050210239f1d60debda10ce9c038d7?s=96&d=mm&r=g\",\"caption\":\"Patrick Schady\"},\"url\":\"https:\\\/\\\/www.designenlassen.de\\\/blog\\\/author\\\/patrick\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt","description":"Ein neues Logo ist f\u00fcr viele Unternehmen der erste sichtbare Schritt ihrer eigenen Marke. Auf Visitenkarte und Briefpapier wirkt es meist genau so, wie es gedacht war.","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:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/","og_locale":"de_DE","og_type":"article","og_title":"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt","og_description":"Ein neues Logo ist f\u00fcr viele Unternehmen der erste sichtbare Schritt ihrer eigenen Marke. Auf Visitenkarte und Briefpapier wirkt es meist genau so, wie es gedacht war.","og_url":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/","og_site_name":"designenlassen.de Blog","article_published_time":"2026-10-20T07:13:28+00:00","article_modified_time":"2026-10-26T07:53:12+00:00","og_image":[{"width":700,"height":300,"url":"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_.jpg","type":"image\/jpeg"}],"author":"Patrick Schady","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Patrick Schady","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/#article","isPartOf":{"@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/"},"author":{"name":"Patrick Schady","@id":"https:\/\/www.designenlassen.de\/blog\/#\/schema\/person\/1e6e4a367ec0359155d5fbb01227c1ca"},"headline":"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt","datePublished":"2026-10-20T07:13:28+00:00","dateModified":"2026-10-26T07:53:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/"},"wordCount":845,"commentCount":0,"image":{"@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/","url":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/","name":"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt","isPartOf":{"@id":"https:\/\/www.designenlassen.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/#primaryimage"},"image":{"@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_.jpg","datePublished":"2026-10-20T07:13:28+00:00","dateModified":"2026-10-26T07:53:12+00:00","author":{"@id":"https:\/\/www.designenlassen.de\/blog\/#\/schema\/person\/1e6e4a367ec0359155d5fbb01227c1ca"},"description":"Ein neues Logo ist f\u00fcr viele Unternehmen der erste sichtbare Schritt ihrer eigenen Marke. Auf Visitenkarte und Briefpapier wirkt es meist genau so, wie es gedacht war.","breadcrumb":{"@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/#primaryimage","url":"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_.jpg","contentUrl":"https:\/\/www.designenlassen.de\/blog\/wp-content\/uploads\/2019\/11\/Corporate-Design-Beispiel-designenlassen.de_.jpg","width":700,"height":300,"caption":"Corporate Design Beispiel designenlassen.de"},{"@type":"BreadcrumbList","@id":"https:\/\/www.designenlassen.de\/blog\/corporate-design-im-web-so-wird-aus-dem-logo-ein-stimmiger-markenauftritt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/www.designenlassen.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Corporate Design im Web: So wird aus dem Logo ein stimmiger Markenauftritt"}]},{"@type":"WebSite","@id":"https:\/\/www.designenlassen.de\/blog\/#website","url":"https:\/\/www.designenlassen.de\/blog\/","name":"designenlassen.de Blog","description":"Inspirationen, Tipps und Ideen f\u00fcr Designer sowie Gr\u00fcnder und Kleinbetriebe.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designenlassen.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.designenlassen.de\/blog\/#\/schema\/person\/1e6e4a367ec0359155d5fbb01227c1ca","name":"Patrick Schady","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/41cfafecfbfd30ee6bc4cc02dd530ef067050210239f1d60debda10ce9c038d7?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/41cfafecfbfd30ee6bc4cc02dd530ef067050210239f1d60debda10ce9c038d7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/41cfafecfbfd30ee6bc4cc02dd530ef067050210239f1d60debda10ce9c038d7?s=96&d=mm&r=g","caption":"Patrick Schady"},"url":"https:\/\/www.designenlassen.de\/blog\/author\/patrick\/"}]}},"_links":{"self":[{"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/posts\/34648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/comments?post=34648"}],"version-history":[{"count":1,"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/posts\/34648\/revisions"}],"predecessor-version":[{"id":34649,"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/posts\/34648\/revisions\/34649"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/media\/18468"}],"wp:attachment":[{"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/media?parent=34648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/categories?post=34648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designenlassen.de\/blog\/wp-json\/wp\/v2\/tags?post=34648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}