{"id":14495,"date":"2026-06-04T13:43:34","date_gmt":"2026-06-04T06:43:34","guid":{"rendered":"http:\/\/staging1.corporate.plugilo.com\/knowledge-hub\/brand-guidelines\/"},"modified":"2026-09-23T14:46:16","modified_gmt":"2026-09-23T07:46:16","slug":"brand-guidelines","status":"publish","type":"ht_kb","link":"https:\/\/staging1.corporate.plugilo.com\/de\/knowledge-hub\/brand-guidelines\/","title":{"rendered":"Markenrichtlinien"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">.monochrome-logo-mobile {display:none !important}\n.primary-logo-mobile {display:none !important}\n.color-pallate-mobile {display:none !important}\n@media (max-width: 767px) {\n.monochrome-logo-desktop {display:none !important}\n.monochrome-logo-mobile {display:flex !important}\n.primary-logo {display:none !important}\n.primary-logo-mobile {display:flex !important}\n.color-pallate-desktop {display:none !important}\n.color-pallate-mobile {display:flex !important}\n  \/* ---------- Typography ---------- *\/\n  .single-ht_kb h1 { font-size: 32px !important; line-height: 40px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }\n  .single-ht_kb h2,\n  .single-ht_kb h3 { font-size: 24px !important; line-height: 32px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; margin-top: 24px !important; margin-bottom: 12px !important; }\n  .single-ht_kb h4 { font-size: 20px !important; line-height: 28px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; margin-top: 16px !important; margin-bottom: 12px !important; }\n  .single-ht_kb h5 { font-size: 18px !important; line-height: 24px !important; font-weight: 600 !important; }\n  .single-ht_kb .elementor-widget-text-editor p { font-size: 16px !important; line-height: 24px !important; }\n  .single-ht_kb .elementor-widget-text-editor { margin-bottom: 16px !important; }\n\n  \/* ---------- Meet pluggy: 3 pose images in a row ---------- *\/\n  .single-ht_kb .wp-container-core-group-is-layout-c3459eb3 { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 8px !important; align-items: stretch !important; }\n  .single-ht_kb .wp-container-core-group-is-layout-c3459eb3 > figure.wp-block-image { flex: 1 1 0 !important; margin: 0 !important; min-width: 0 !important; }\n  .single-ht_kb .wp-container-core-group-is-layout-c3459eb3 > figure.wp-block-image img { width: 100% !important; height: auto !important; display: block !important; }\n\n  \/* ---------- Icon Variants: 2 x 2 grid ---------- *\/\n  .single-ht_kb .wp-block-columns.wp-container-core-columns-is-layout-7387b849:has(img[src*=\"Icon-1\"]) { flex-direction: row !important; flex-wrap: wrap !important; gap: 16px !important; }\n  .single-ht_kb .wp-block-columns.wp-container-core-columns-is-layout-7387b849:has(img[src*=\"Icon-1\"]) > .wp-block-column { flex: 0 0 calc(50% - 8px) !important; width: calc(50% - 8px) !important; min-width: 0 !important; }\n\n  \/* ---------- Monochrome Logos: 1 per row, same treatment as Primary Logo ---------- *\/\n  .single-ht_kb .wp-block-columns.wp-container-core-columns-is-layout-7387b849:has(img[src*=\"V5_-All-Blue\"]) { flex-direction: column !important; flex-wrap: nowrap !important; gap: 16px !important; }\n  .single-ht_kb .wp-block-columns.wp-container-core-columns-is-layout-7387b849:has(img[src*=\"V5_-All-Blue\"]) > .wp-block-column { flex: 1 1 100% !important; width: 100% !important; }\n  .single-ht_kb .wp-block-columns.wp-container-core-columns-is-layout-7387b849:has(img[src*=\"V5_-All-Blue\"]) figure.wp-block-image { margin: 0 !important; }\n  .single-ht_kb .wp-block-columns.wp-container-core-columns-is-layout-7387b849:has(img[src*=\"V5_-All-Blue\"]) figure.wp-block-image img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n  }\n}\n<\/style>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"840\" height=\"311\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/cover-image-1.png\" alt=\"\" class=\"wp-image-17212\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/cover-image-1.png 840w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/cover-image-1-300x111.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/cover-image-1-768x284.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/cover-image-1-50x19.png 50w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\"><strong>Das Internet ist fragmentiert. Informationen sind verstreut, dupliziert und von ihrer Quelle getrennt. plugilo existiert, um genau das zu \u00e4ndern \u2013 indem wir die vertrauensw\u00fcrdige Informationsebene des KI-Zeitalters aufbauen.<br\/>Diese Guidelines stellen sicher, dass alles, was wir erschaffen, diesen Anspruch widerspiegelt: strukturiert, zuverl\u00e4ssig und ansprechend.<\/strong><\/p>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h3 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-c762805de050adf9f8ef34efaf12d3e6\">Visuelle Identit\u00e4t<\/h3>\n\n<p class=\"wp-block-paragraph\">Verifizierte Daten in eine klare, menschenzentrierte Designsprache \u00fcbersetzen.<\/p>\n\n<h4 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-a63090f239f6973fcaf09a3b0d2e886c\">Logo System<\/h4>\n\n<p class=\"wp-block-paragraph\">Die zentralen Erkennungszeichen unserer Identit\u00e4t: die plugilo Wortmarke. Entwickelt, um sauber als Overlay oder Anker auf jedem Partner-Widget, jeder \u00d6kosystem-App oder physischen Br\u00fccke zu sitzen <\/p>\n\n<p class=\"wp-block-paragraph\"><strong>Primary Logo<\/strong><\/p>\n\n<div class=\"wp-block-columns primary-logo is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"824\" height=\"404\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark.webp\" alt=\"\" class=\"wp-image-15615\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark.webp 824w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark-300x147.webp 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark-768x377.webp 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark-50x25.webp 50w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"824\" height=\"404\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark.webp\" alt=\"\" class=\"wp-image-15617\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark.webp 824w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark-300x147.webp 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark-768x377.webp 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark-50x25.webp 50w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/figure>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns primary-logo-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"202\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark-2.png\" alt=\"\" class=\"wp-image-15662\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark-2.png 324w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark-2-300x187.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V1_-Blue-icon-Grey-wordmark-2-50x31.png 50w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"202\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark-2.png\" alt=\"\" class=\"wp-image-15664\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark-2.png 324w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark-2-300x187.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V2_-Blue-icon-Black-wordmark-2-50x31.png 50w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/figure>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\"><strong>Monochrome Logos<\/strong><\/p>\n\n<div class=\"wp-block-columns monochrome-logo-desktop is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V5_-All-Blue-&#x2014;-dark-mode-default.webp\" alt=\"\" class=\"wp-image-15619\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"808\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V3_-All-White.webp\" alt=\"\" class=\"wp-image-15621\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V3_-All-White.webp 788w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V3_-All-White-293x300.webp 293w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V3_-All-White-768x787.webp 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V3_-All-White-50x50.webp 50w\" sizes=\"(max-width: 788px) 100vw, 788px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"808\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black.webp\" alt=\"\" class=\"wp-image-15623\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black.webp 788w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-293x300.webp 293w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-768x787.webp 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-50x50.webp 50w\" sizes=\"(max-width: 788px) 100vw, 788px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"808\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-1.webp\" alt=\"\" class=\"wp-image-15625\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-1.webp 788w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-1-293x300.webp 293w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-1-768x787.webp 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-1-50x50.webp 50w\" sizes=\"(max-width: 788px) 100vw, 788px\" \/><\/figure>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-columns monochrome-logo-mobile is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V5_-All-Blue-&#x2014;-dark-mode-default.svg\" alt=\"\" class=\"wp-image-15645\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V3_-All-White.svg\" alt=\"\" class=\"wp-image-15648\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black.svg\" alt=\"\" class=\"wp-image-15650\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/V4_-All-Black-1.svg\" alt=\"\" class=\"wp-image-15652\"\/><\/figure>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\"> <span class=\"font-content\"> <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" style=\"display:inline-block;vertical-align:-3px;margin-right:5px;\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#E2AA03\" stroke-width=\"2\"><\/circle>\n  <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\" stroke=\"#E2AA03\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line>\n  <circle cx=\"12\" cy=\"16.5\" r=\"1\" fill=\"#E2AA03\"><\/circle>\n<\/svg> Das Blaugrau-Prim\u00e4rlogo wird auf adaptiven Hintergr\u00fcnden (z. B. in E-Mail-Clients) bevorzugt eingesetzt, um optimalen Kontrast auf verschiedenen Ger\u00e4ten und Anzeigemodi sicherzustellen. <\/span><\/p>\n\n<h4 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-33edcac5bf0a553812b3196d87b12978\">Icon Variants<\/h4>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"197\" height=\"156\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-1.webp\" alt=\"\" class=\"wp-image-15627\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-1.webp 197w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-1-50x40.webp 50w\" sizes=\"(max-width: 197px) 100vw, 197px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"197\" height=\"156\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-2.webp\" alt=\"\" class=\"wp-image-15629\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-2.webp 197w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-2-50x40.webp 50w\" sizes=\"(max-width: 197px) 100vw, 197px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"197\" height=\"156\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-3.webp\" alt=\"\" class=\"wp-image-15631\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-3.webp 197w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-3-50x40.webp 50w\" sizes=\"(max-width: 197px) 100vw, 197px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"197\" height=\"156\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-4.webp\" alt=\"\" class=\"wp-image-15633\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-4.webp 197w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Icon-4-50x40.webp 50w\" sizes=\"(max-width: 197px) 100vw, 197px\" \/><\/figure>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\">\n<svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" style=\"display:inline-block;vertical-align:-3px;margin-right:5px;\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#C9372C\" stroke-width=\"2\"><\/circle>\n  <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\" stroke=\"#C9372C\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line>\n  <circle cx=\"12\" cy=\"16.5\" r=\"1\" fill=\"#C9372C\"><\/circle>\n<\/svg>\n Wichtige Regel: <strong>Wortmarke erscheint niemals ohne das Icon<\/strong><br\/>Die \u201eplugilo\"-Typografie darf niemals isoliert verwendet werden. Sie ist stets mit dem Markenicon auf der linken Seite gepaart. Das Icon hingegen darf alleine erscheinen (als Favicon, App-Icon, Wasserzeichen oder platzbeschr\u00e4nktes UI-Element). Diese Regel hat keine genehmigten Ausnahmen.  <\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/drive.google.com\/drive\/folders\/1m93zilxYlLdFoyFwOW3vhDolWUnLOlg1\" target=\"_blank\" rel=\"noopener\"><svg width=\"15\" height=\"15\" viewbox=\"0 0 15 15\" fill=\"none\">\n<path d=\"M10.8984 6.58594L7.89844 9.58594C7.66406 9.82031 7.3125 9.82031 7.10156 9.58594L4.10156 6.58594C3.86719 6.375 3.86719 6.02344 4.10156 5.8125C4.3125 5.57812 4.66406 5.57812 4.875 5.8125L6.91406 7.85156L6.9375 2.0625C6.9375 1.75781 7.17188 1.5 7.5 1.5C7.80469 1.5 8.0625 1.75781 8.0625 2.0625V7.85156L10.1016 5.8125C10.3125 5.57812 10.6641 5.57812 10.875 5.8125C11.1094 6.02344 11.1094 6.375 10.875 6.58594H10.8984ZM3.375 9.5625V11.4375C3.375 11.9766 3.77344 12.375 4.3125 12.375H10.6875C11.2031 12.375 11.625 11.9766 11.625 11.4375V9.5625C11.625 9.25781 11.8594 9 12.1875 9C12.4922 9 12.75 9.25781 12.75 9.5625V11.4375C12.75 12.5859 11.8125 13.5 10.6875 13.5H4.3125C3.16406 13.5 2.25 12.5859 2.25 11.4375V9.5625C2.25 9.25781 2.48438 9 2.8125 9C3.11719 9 3.375 9.25781 3.375 9.5625Z\" fill=\"white\"><\/path>\n<\/svg>\n Logo-Paket herunterladen<\/a><\/div>\n<\/div>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h4 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-3ea904ebf69e61b113445388b99f3a9e\">Lernen Sie pluggy kennen<\/h4>\n\n<p class=\"wp-block-paragraph\">pluggy ist plugilos KI-Beratungsagent, das lebendige Herz von plugilos Intelligenz und die Br\u00fccke zwischen Ihnen und den vertrauensw\u00fcrdigen Informationen, die Sie ben\u00f6tigen. Klug genug, um Ihre Entscheidungen zu leiten, warmherzig genug, um den Weg leicht erscheinen zu lassen. <\/p>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:588px\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img decoding=\"async\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-&#x2013;-plugilo-Brand-Mascot.png\" alt=\"\" class=\"wp-image-17214\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:240px\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-c3459eb3 wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"284\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-A-1.png\" alt=\"\" class=\"wp-image-17216\" style=\"border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-A-1.png 284w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-A-1-150x150.png 150w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-A-1-50x50.png 50w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"284\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-B-1.png\" alt=\"\" class=\"wp-image-17218\" style=\"border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-B-1.png 284w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-B-1-150x150.png 150w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-B-1-50x50.png 50w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"284\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-C-1.png\" alt=\"\" class=\"wp-image-17220\" style=\"border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-C-1.png 284w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-C-1-150x150.png 150w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Pluggy-Pose-C-1-50x50.png 50w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\">Als Gesicht unserer Intelligenz verbindet pluggy Sie zum genau richtigen Zeitpunkt mit inhabergepr\u00fcften Erkenntnissen und bew\u00e4ltigt Komplexit\u00e4t, damit Sie es nicht m\u00fcssen. Freundlich, klar und immer auf Ihrer Seite.<br\/>Er ist die st\u00e4ndige Erinnerung daran, dass hinter jeder vertrauensw\u00fcrdigen Antwort eine Intelligenz steht, der es wirklich wichtig ist, die richtige Antwort f\u00fcr Sie zu finden. <\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/drive.google.com\/drive\/folders\/1102hgwgzdIFWbSakqgeZYQ9Ys5wmhCQG?usp=drive_link\" target=\"_blank\" rel=\"noopener\">\n\n<svg width=\"15\" height=\"15\" viewbox=\"0 0 15 15\" fill=\"none\">\n<path d=\"M10.8984 6.58594L7.89844 9.58594C7.66406 9.82031 7.3125 9.82031 7.10156 9.58594L4.10156 6.58594C3.86719 6.375 3.86719 6.02344 4.10156 5.8125C4.3125 5.57812 4.66406 5.57812 4.875 5.8125L6.91406 7.85156L6.9375 2.0625C6.9375 1.75781 7.17188 1.5 7.5 1.5C7.80469 1.5 8.0625 1.75781 8.0625 2.0625V7.85156L10.1016 5.8125C10.3125 5.57812 10.6641 5.57812 10.875 5.8125C11.1094 6.02344 11.1094 6.375 10.875 6.58594H10.8984ZM3.375 9.5625V11.4375C3.375 11.9766 3.77344 12.375 4.3125 12.375H10.6875C11.2031 12.375 11.625 11.9766 11.625 11.4375V9.5625C11.625 9.25781 11.8594 9 12.1875 9C12.4922 9 12.75 9.25781 12.75 9.5625V11.4375C12.75 12.5859 11.8125 13.5 10.6875 13.5H4.3125C3.16406 13.5 2.25 12.5859 2.25 11.4375V9.5625C2.25 9.25781 2.48438 9 2.8125 9C3.11719 9 3.375 9.25781 3.375 9.5625Z\" fill=\"white\"><\/path>\n<\/svg>\npluggy-Paket herunterladen<\/a><\/div>\n<\/div>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h4 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-991d05d7296604f3034663c173639a0b\">Farbpalette<\/h4>\n\n<p class=\"wp-block-paragraph\">plugilos Farbpalette basiert auf einem dunklen Canvas, der Tiefe und Fokus vermittelt, verankert durch unser Markenblau als bewussten Akzent. Farben sind nicht dekorativ \u2013 sie tragen Bedeutung. Verwenden Sie sie wie definiert, um Konsistenz in Produkt-, Marketing- und Partnermaterialien sicherzustellen.  <\/p>\n\n<figure class=\"wp-block-image size-full has-custom-border color-pallate-desktop\"><img loading=\"lazy\" decoding=\"async\" width=\"842\" height=\"162\" src=\"http:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224480.png\" alt=\"\" class=\"wp-image-13775\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224480.png 842w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224480-300x58.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224480-768x148.png 768w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224480-50x10.png 50w\" sizes=\"(max-width: 842px) 100vw, 842px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-full has-custom-border color-pallate-mobile\"><img loading=\"lazy\" decoding=\"async\" width=\"323\" height=\"63\" src=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224481.png\" alt=\"\" class=\"wp-image-15675\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px\" srcset=\"https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224481.png 323w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224481-300x59.png 300w, https:\/\/staging1.corporate.plugilo.com\/wp-content\/uploads\/2026\/06\/Frame-2147224481-50x10.png 50w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">Die dunkle Basis dominiert die Benutzeroberfl\u00e4che und gibt Inhalten und Daten Raum zum Atmen, ohne visuelles Rauschen. Erh\u00f6hte Fl\u00e4chen lagern sich dar\u00fcber auf und schaffen Struktur \u2013 mit Cards, Panels und Listenzeilen, die Informationen organisieren, ohne mit ihnen zu konkurrieren. Die Inhaltsnuancen reichen von Wei\u00df-nahen T\u00f6nen f\u00fcr prim\u00e4re Texte bis hin zu weicheren Graut\u00f6nen f\u00fcr Metadaten und Sekund\u00e4rinformationen, um Klarheit zu bewahren und die ruhige, fokussierte Atmosph\u00e4re der Benutzeroberfl\u00e4che zu erhalten. Markenblau wird sparsam und bewusst eingesetzt \u2013 nur f\u00fcr Handlungsaufforderungen, aktive Zust\u00e4nde und Markenpr\u00e4senz. Seine Zur\u00fcckhaltung ist das, was ihm Bedeutung verleiht.    <\/p>\n\n<div class=\"token-table\">\n\n  <div class=\"token-section\">Marke (Identit\u00e4tsakzent \u2014 Selektiv eingesetzt, nicht als Standard)<\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch brand-mark\"><\/span><span>brand-mark<\/span><\/div>\n    <div class=\"token-value\">#1DA6F3 \u00b7 Solid<\/div>\n    <div>Nur f\u00fcr Logo- und Markenverwendung \u00b7 Nicht f\u00fcr UI-Komponenten anpassen<\/div>\n  <\/div>\n    <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch brand-primary\"><\/span><span>brand-primary<\/span><\/div>\n    <div class=\"token-value\">#1D93D8 \u00b7 Solid<\/div>\n    <div>CTAs und Markenakzent \u00b7 Follow \/ Get Started \/ Create-a-Card-Schaltfl\u00e4chen, aktive Tab-Icons, Marken-Highlights, Marken-Glyphen<\/div>\n  <\/div>\n\n  <div class=\"token-section\">Canvas (Grundlage \u2014 Alle Alpha-Tokens werden hieran aufgel\u00f6st)<\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch bg-base\"><\/span><span>bg-base<\/span><\/div>\n    <div class=\"token-value\">#1C1C1E \u00b7 Anchor<\/div>\n    <div>Prim\u00e4res Canvas \u00b7 Alle Bildschirme, Frames, Modals \u00b7 Anker, gegen den alle Alpha-Tokens aufgel\u00f6st werden<\/div>\n  <\/div>\n\n  <div class=\"token-section\">Surfaces (Schichten \u00fcber dem Canvas, nach H\u00f6he)<\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch surface-fill\"><\/span><span>surface-fill<\/span><\/div>\n    <div class=\"token-value\">#FFFFFF @ 4% \u2192 #252527<\/div>\n    <div>Komponentenf\u00fcllungen \u00b7 Eingabefelder, Listenelemente, eingebettete Container innerhalb einer Fl\u00e4che<\/div>\n  <\/div>\n<style>\n.token-table {\n  width: 100%;\n  border: 1px solid #777;\n  border-radius: 18px;\n  overflow: hidden;\n  background: #1c1c1e;\n  font-size: 14px;\n}\n\n.token-section {\n  background: #303033;\n  padding: 18px 28px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .06em;\n}\n\n.token-row {\n  display: grid;\n  grid-template-columns: minmax(180px,24%)\n                         minmax(180px,22%)\n                         minmax(0,54%);\n  gap: 32px;\n  align-items: center;\n  padding: 26px 28px;\n  border-top: 1px solid #000;\n}\n\n.token-name {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n}\n\n.swatch {\n  width: 56px;\n  height: 56px;\n  border-radius: 10px;\n  flex: 0 0 56px;\n}\n\n.bg-base { background:#1C1C1E; border:1px solid #333; }\n.brand-mark { background:#1DA6F3; }\n.brand-primary { background:#1D93D8; }\n.surface-fill { background:#252527; border:1px solid #333; }\n.surface-tint { background:#2E2E30; }\n.surface-control { background:#606062; }\n.border-primary { background:#49494B; }\n.border-active { background:#F2F2F7; }\n.content-primary { background:#F2F2F7; }\n.content-secondary { background:#BBBBBB; }\n.content-muted { background:#777778; }\n.status-success { background:#1F845A; }\n.status-warning { background:#E2AA03; }\n.status-danger { background:#C9372C; }\n\n.token-value {\n  font-weight: 500;\n  color: #F2F2F7;\n}\n\n@media (max-width: 640px) {\n  .token-table {\n    border-radius: 14px;\n  }\n\n  .token-section {\n    padding: 16px 20px;\n  }\n\n  .token-row {\n    display: block;\n    padding: 20px 18px;\n  }\n\n  .token-name {\n    margin-bottom: 18px;\n  }\n\n  .token-value {\n    margin-bottom: 16px;\n  }\n\n  .swatch {\n    width: 44px;\n    height: 44px;\n    flex-basis: 44px;\n  }\n}\n<\/style>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch surface-tint\"><\/span><span>surface-tint<\/span><\/div>\n    <div class=\"token-value\">#FFFFFF @ 8% \u2192 #2E2E30<\/div>\n    <div>Erh\u00f6hte Fl\u00e4chen \u00b7 Dropdowns, Popovers, hervorgehobene\/aktive Zust\u00e4nde, schwebende Elemente \u00fcber dem Canvas<\/div>\n  <\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch surface-control\"><\/span><span>surface-control<\/span><\/div>\n    <div class=\"token-value\">#FFFFFF @ 30% \u2192 #606062<\/div>\n    <div>Steuerfl\u00e4chen \u00b7 Tastaturtasten, Toggle-Spuren, deaktivierte Schaltfl\u00e4chenf\u00fcllungen \u00b7 Niemals content-muted dar\u00fcber legen<\/div>\n  <\/div>\n\n  <div class=\"token-section\">Borders (Default + State)<\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch border-primary\"><\/span><span>border-primary<\/span><\/div>\n    <div class=\"token-value\">#FFFFFF @ 20% \u2192 #49494B<\/div>\n    <div>Standard \u00b7 Alle Rahmen \u00b7 Card-Trennlinien, Eingabe-Strokes, Filterbl\u00e4tter, Dock-Rahmen, Trennlinien<\/div>\n  <\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch border-active\"><\/span><span>border-active<\/span><\/div>\n    <div class=\"token-value\">#F2F2F7 \u00b7 Solid<\/div>\n    <div>Zustand \u00b7 Ausgew\u00e4hlte Eingabe, fokussierte Eingabe, hervorgehobene Zeile<\/div>\n  <\/div>\n\n  <div class=\"token-section\">Content (Text + Icons, By Emphasis)<\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch content-primary\"><\/span><span>content-primary<\/span><\/div>\n    <div class=\"token-value\">#F2F2F7 \u00b7 Solid<\/div>\n    <div>Hochbetonter Text & Icons \u00b7 \u00dcberschriften, Flie\u00dftext, Schaltfl\u00e4chenbeschriftungen, aktive Navigation, Icon-Glyphen<\/div>\n  <\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch content-secondary\"><\/span><span>content-secondary<\/span><\/div>\n    <div class=\"token-value\">#FFFFFF @ 70% \u2192 #BBBBBB<\/div>\n    <div>Mittelbetonter Text & Icons \u00b7 Untertitel, Metadaten, inaktive Tab-Beschriftungen, sekund\u00e4re Beschreibungen<\/div>\n  <\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch content-muted\"><\/span><span>content-muted<\/span><\/div>\n    <div class=\"token-value\">#FFFFFF @ 40% \u2192 #777778<\/div>\n    <div>Schwach betonter Text & Icons \u00b7 Platzhalter, deaktivierte Beschriftungen, Zeitstempel<br\/>(Niemals f\u00fcr lesbaren Inhalt darunter gehen)<\/div>\n  <\/div>\n\n  <div class=\"token-section\">Status (Semantisches Feedback)<\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch status-success\"><\/span><span>status-success<\/span><\/div>\n    <div class=\"token-value\">#1F845A \u00b7 Solid<\/div>\n    <div>Erfolgszust\u00e4nde \u00b7 Gel\u00f6ste Tags, Erfolgs-Toasts, best\u00e4tigte\/gepr\u00fcfte Zust\u00e4nde<\/div>\n  <\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch status-warning\"><\/span><span>status-warning<\/span><\/div>\n    <div class=\"token-value\">#E2AA03 \u00b7 Solid<\/div>\n    <div>Warnzust\u00e4nde \u00b7 Warn-Toasts, ausstehende Badges \u00b7 Text nur mit #1C1C1E kombinieren<\/div>\n  <\/div>\n  <div class=\"token-row\">\n    <div class=\"token-name\"><span class=\"swatch status-danger\"><\/span><span>status-danger<\/span><\/div>\n    <div class=\"token-value\">#C9372C \u00b7 Solid<\/div>\n    <div>Fehlerzust\u00e4nde \u00b7 Fehler-Toasts, destruktive Aktionen, kritische Warnungen<\/div>\n  <\/div>\n\n<\/div>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h4 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-5df6b16460503752a64a4f546680f768\">Typography<\/h4>\n\n<h5 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-264bf08b3a4f619822b6ac8b5feda4c6\"><em>Font-Family: Inter<\/em><\/h5>\n\n<p class=\"wp-block-paragraph\">Wir verwenden Inter als unsere prim\u00e4re Schriftart. Sie ist klar, strukturiert und in allen Gr\u00f6\u00dfen und Kontexten lesbar \u2013 von UI-Beschriftungen bis hin zu redaktionellen Schlagzeilen. Die typografische Hierarchie leitet den Leser. Halten Sie sich an die definierten Schriftgewichte und Gr\u00f6\u00dfen, um einen ruhigen, intelligenten Tonfall beizubehalten.   <\/p>\n\n<style data-wp-block-html=\"css\"><style>.type-table,\n.type-table * {\n  box-sizing: border-box;\n}\n\n.type-table {\n  width: 100%;\n  max-width: 100%;\n  border: 1px solid #777;\n  border-radius: 18px;\n  overflow: hidden;\n  background: #1c1c1e;\n}\n\n.type-section {\n  background: #303033;\n  padding: 18px 32px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .06em;\n}\n\n.type-row {\n  display: grid;\n   grid-template-columns:\n    minmax(328px,40%)\n    minmax(142px,16%)\n    minmax(120px,14%)\n    minmax(0,30%);\n  gap: 0px;\n  align-items: center;\n  padding: 28px 18px;\n  border-top: 1px solid #000;\n  overflow: hidden;\n}\n\n.type-row > div {\n  min-width: 0;\n  overflow-wrap: break-word;\n}\n\n.type-preview {\n  font-weight: 700;\n  line-height: 1.08;\n  max-width: 100%;\n  color: #F2F2F7;\n}\n\n.type-preview.hero {\n  font-size: 72px;\n}\n\n.type-preview.section {\n  font-size: 48px;\n}\n\n.type-preview.title {\n  font-size: 32px;\n}\n\n.type-preview.heading {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.type-preview.subheading {\n  font-size: 18px;\n  font-weight: 400;\n}\n\n.type-preview.body-primary {\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.type-preview.body-secondary {\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.type-preview.caption {\n  font-size: 12px;\n  font-weight: 400;\n}\n\n.type-preview.micro {\n  font-size: 10px;\n  font-weight: 500;\n}\n.type-meta {\n  font-size: 14px;\n}\n.type-meta strong {\n  display: block;\n  color: #F2F2F7;\n  font-weight: 500;\n  margin-bottom: 8px;\n}\n\n.type-meta small {\n  display: block;\n}\n\n\/* Tablet \/ narrow desktop: tr\u00e1nh tr\u00e0n c\u1ed9t *\/\n@media (max-width: 900px) {\n  .type-row {\n    grid-template-columns: 38% 18% 18% 26%;\n    gap: 18px;\n    padding: 36px 24px;\n  }\n\n  .type-preview.hero {\n    font-size: clamp(48px, 7vw, 72px);\n  }\n\n  .type-preview.section {\n    font-size: clamp(36px, 5vw, 48px);\n  }\n}\n\n\/* Mobile gi\u1ed1ng \u1ea3nh 2 *\/\n@media (max-width: 640px) {\n  .type-table {\n    border-radius: 14px;\n  }\n\n  .type-section {\n    padding: 14px 20px;\n  }\n\n  .type-row {\n    display: block;\n    padding: 20px 14px;\n  }\n\n  .type-preview {\n    margin-bottom: 28px;\n  }\n\n  .type-preview.hero {\n    font-size: 56px;\n  }\n\n  .type-preview.section {\n    font-size: 42px;\n  }\n\n  .type-preview.title {\n    font-size: 30px;\n  }\n\n  .type-preview.heading {\n    font-size: 24px;\n  }\n\n  .type-meta {\n    margin-bottom: 26px;\n  }\n\n  .type-meta:last-child {\n    margin-bottom: 0;\n  }\n}\n<\/style><div class=\"type-table\"><div class=\"type-section\">Titles<\/div><div class=\"type-row\"><div class=\"type-preview hero\">Display<br\/>Hero<\/div><div class=\"type-meta\"><strong>72px \u00b7 700<\/strong><small>Bold<\/small><\/div><div class=\"type-meta\"><strong>80px \u00b7<br\/>\u22120.02em<\/strong><small>125% \u2014 optical<br\/>tight<\/small><\/div><div class=\"type-meta\">Hero headings, Marketing headers<\/div><\/div><div class=\"type-row\"><div class=\"type-preview section\">Display<br\/>Section<\/div><div class=\"type-meta\"><strong>48px \u00b7 700<\/strong><small>Bold<\/small><\/div><div class=\"type-meta\"><strong>56px \u00b7<br\/>\u22120.02em<\/strong><small>125% \u2014 optical<br\/>tight<\/small><\/div><div class=\"type-meta\">Page\/Section titles Desktop, Marketing headers<\/div><\/div><div class=\"type-row\"><div class=\"type-preview title\">Display Title<\/div><div class=\"type-meta\"><strong>32px \u00b7 700<\/strong><small>Bold<\/small><\/div><div class=\"type-meta\"><strong>40px \u00b7<br\/>\u22120.02em<\/strong><small>125% \u2014 optical<br\/>tight<\/small><\/div><div class=\"type-meta\">Page\/Section titles Mobile, Titles inside containers<\/div><\/div><div class=\"type-row\"><div class=\"type-preview heading\">Heading<\/div><div class=\"type-meta\"><strong>24px \u00b7 600<\/strong><small>SemiBold<\/small><\/div><div class=\"type-meta\"><strong>32px \u00b7<br\/>\u22120.01em<\/strong><small>133% \u2014 slight<br\/>tighten<\/small><\/div><div class=\"type-meta\">Feature titles, Dialog headers<\/div><\/div><div class=\"type-section\">Paragraphs & Subtitles<\/div><div class=\"type-row\"><div class=\"type-preview subheading\">Subheading<\/div><div class=\"type-meta\"><strong>18px \u00b7 400\/600<\/strong><small>Regular \/ SemiBold<\/small><\/div><div class=\"type-meta\"><strong>24px \u00b7 0em<\/strong><small>133%<\/small><\/div><div class=\"type-meta\">Nav tab labels, Section sublabels, Modal titles<\/div><\/div><div class=\"type-row\"><div class=\"type-preview body-primary\">Body Primary<\/div><div class=\"type-meta\"><strong>16px \u00b7 400\/600<\/strong><small>Regular \/ SemiBold<\/small><\/div><div class=\"type-meta\"><strong>24px \u00b7 0em<\/strong><small>150% \u2014 WCAG optimal<\/small><\/div><div class=\"type-meta\">All paragraphs, List items, Feature copy<\/div><\/div><div class=\"type-row\"><div class=\"type-preview body-secondary\">Body Secondary<\/div><div class=\"type-meta\"><strong>14px \u00b7 400\/600<\/strong><small>Regular \/ SemiBold<\/small><\/div><div class=\"type-meta\"><strong>20px \u00b7 0em<\/strong><small>Neutral tracking<\/small><\/div><div class=\"type-meta\">Form placeholders, Input fields, Spec labels, Secondary info<\/div><\/div><div class=\"type-section\">Caption & Taglines<\/div><div class=\"type-row\"><div class=\"type-preview caption\">Caption<\/div><div class=\"type-meta\"><strong>12px \u00b7<br\/>400\/600<\/strong><small>Regular \/ SemiBold<\/small><\/div><div class=\"type-meta\"><strong>16px \u00b7<br\/>+0.02em<\/strong><small>+0.24px<br\/>tracking<\/small><\/div><div class=\"type-meta\">Timestamps, Tag labels, Helper text, Footnotes<\/div><\/div><div class=\"type-row\"><div class=\"type-preview micro\"><b>Micro<\/b><\/div><div class=\"type-meta\"><strong>10px \u00b7<br\/>500<\/strong><small>Medium<\/small><\/div><div class=\"type-meta\"><strong>14px \u00b7<br\/>+0.04em<\/strong><small>+0.4px tracking<\/small><\/div><div class=\"type-meta\">Chip counters, Status badges, Notification dots, Icon overlays<\/div><\/div><\/div>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/rsms.me\/inter\/\" target=\"_blank\" rel=\"noopener\">\n<svg width=\"15\" height=\"15\" viewbox=\"0 0 15 15\" fill=\"none\">\n<path d=\"M10.8984 6.58594L7.89844 9.58594C7.66406 9.82031 7.3125 9.82031 7.10156 9.58594L4.10156 6.58594C3.86719 6.375 3.86719 6.02344 4.10156 5.8125C4.3125 5.57812 4.66406 5.57812 4.875 5.8125L6.91406 7.85156L6.9375 2.0625C6.9375 1.75781 7.17188 1.5 7.5 1.5C7.80469 1.5 8.0625 1.75781 8.0625 2.0625V7.85156L10.1016 5.8125C10.3125 5.57812 10.6641 5.57812 10.875 5.8125C11.1094 6.02344 11.1094 6.375 10.875 6.58594H10.8984ZM3.375 9.5625V11.4375C3.375 11.9766 3.77344 12.375 4.3125 12.375H10.6875C11.2031 12.375 11.625 11.9766 11.625 11.4375V9.5625C11.625 9.25781 11.8594 9 12.1875 9C12.4922 9 12.75 9.25781 12.75 9.5625V11.4375C12.75 12.5859 11.8125 13.5 10.6875 13.5H4.3125C3.16406 13.5 2.25 12.5859 2.25 11.4375V9.5625C2.25 9.25781 2.48438 9 2.8125 9C3.11719 9 3.375 9.25781 3.375 9.5625Z\" fill=\"white\"><\/path>\n<\/svg>\n Inter-Schrift herunterladen<\/a><\/div>\n<\/div>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h4 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-33b229b9c973d975d9d18326b4c5859d\">Markenpositionierung<\/h4>\n\n<h5 class=\"wp-block-heading\">Vision<\/h5>\n\n<p class=\"wp-block-paragraph\">Eine Welt, in der jede Information verifiziert, eigent\u00fcmerkontrolliert und allgemein vertrauensw\u00fcrdig ist. Die langfristige Vision ist es, dass plugilo zu einer universellen Infrastruktur wird, die vertrauensw\u00fcrdige Daten, KI-Systeme und menschliche Entscheidungsfindung miteinander verbindet. <\/p>\n\n<h5 class=\"wp-block-heading\">Mission<\/h5>\n\n<p class=\"wp-block-paragraph\">Angebot und Nachfrage intelligenter, fairer und strukturierter verbinden. Nicht durch L\u00e4rm. Nicht durch Manipulation. Nicht durch Aufmerksamkeit um jeden Preis. Sondern durch Relevanz, Struktur, vertrauensw\u00fcrdige Quellen und explizite Nutzerintentionen.    <\/p>\n\n<h5 class=\"wp-block-heading\">Markenwerte<\/h5>\n\n<p class=\"wp-block-paragraph\">Sechs Werte leiten jede Entscheidung bei plugilo: Vertrauen durch Design. Eigenverantwortung und Rechenschaftspflicht. Struktur statt Chaos. Offenheit und Interoperabilit\u00e4t. Menschliche und KI-Intelligenz. Nutzen statt L\u00e4rm. Das sind keine Slogans \u2013 das sind die Prinzipien hinter jeder Produktentscheidung und Kommunikation.      <\/p>\n\n<h5 class=\"wp-block-heading\">Tonalit\u00e4t<\/h5>\n\n<p class=\"wp-block-paragraph\">plugilo spricht mit \u00dcberzeugung, nicht mit Arroganz. Wir sind intelligent, ohne akademisch zu sein, freundlich und dabei glaubw\u00fcrdig. Ob wir ein Produkt-Label, einen Partner-Pitch oder eine Pressemitteilung schreiben \u2013 der Ton bleibt konsistent: klar, ruhig und in echten Informationen verwurzelt.  <\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Internet ist fragmentiert. Informationen sind verstreut, dupliziert und von ihrer Quelle getrennt. plugilo existiert, um genau das zu \u00e4ndern \u2013 indem wir die vertrauensw\u00fcrdige Informationsebene des KI-Zeitalters aufbauen.Diese Guidelines stellen sicher, dass alles, was wir erschaffen, diesen Anspruch widerspiegelt: strukturiert, zuverl\u00e4ssig und ansprechend. Visuelle Identit\u00e4t Verifizierte Daten in eine klare, menschenzentrierte Designsprache \u00fcbersetzen. Logo [&hellip;]<\/p>\n","protected":false},"author":3,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"ht-kb-category":[119],"ht-kb-tag":[],"class_list":["post-14495","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-produktdokumentation"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb\/14495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/comments?post=14495"}],"version-history":[{"count":5,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb\/14495\/revisions"}],"predecessor-version":[{"id":17223,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb\/14495\/revisions\/17223"}],"wp:attachment":[{"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/media?parent=14495"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb-category?post=14495"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/staging1.corporate.plugilo.com\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=14495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}