{"id":3706,"date":"2026-01-19T15:36:04","date_gmt":"2026-01-19T14:36:04","guid":{"rendered":"https:\/\/hi-tide.stage-gd.de\/?page_id=3706"},"modified":"2026-08-21T11:41:24","modified_gmt":"2026-08-21T09:41:24","slug":"brand-design","status":"publish","type":"page","link":"https:\/\/hi-tide.de\/en\/brand-design\/","title":{"rendered":"Brand Design"},"content":{"rendered":"<h1>Brand Design<\/h1>\n<p>Strong values \u2013 but they don\u2019t shine?<\/p>\n<h2 id=\"we-develop-brand-design-and-visual-identities-for-mid-sized\">We develop Brand Design and visual identities for mid-sized companies that want to show what they stand for \u2013 consistently, contemporary, and with strong recognition.<\/h2>\n<div>\n<style>\n  #top-header-ringe {\n    position: relative;\n    width: 100%;\n    overflow: hidden !important;\n  }\n  #page\\#0 {\n    position: relative;\n    z-index: 1;\n  }\n  .tidal-rings-wrap {\n    position: relative;\n    z-index: 0;\n    width: calc(100% + 80px);\n    margin-left: -40px;\n    margin-right: -40px;\n    pointer-events: none;\n    will-change: transform;\n  }\n  .tidal-rings-svg {\n    display: block;\n    width: 100%;\n    overflow: visible;\n  }\n<\/style>\n<div class=\"tidal-rings-wrap\">\n  <svg class=\"tidal-rings-svg\" id=\"tidalRingsSvg\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMin slice\">\n  <\/svg>\n<\/div>\n<p><script>\n(function() {\n  var RINGS = [\n    { cy: 131.505, ry: 131.005 },\n    { cy: 312.213, ry: 87.841 },\n    { cy: 410.047, ry: 42.351 },\n    { cy: 452.399, ry: 35.401 },\n    { cy: 493.194, ry: 26.306 }\n  ];\n  var RX = 72.097;\n  var NS = \"http:\/\/www.w3.org\/2000\/svg\";\n  var COMPRESSED_RY = 13;\n  var COMPRESSED_SPACING = 28;\n  var SLIDE_UP_PX = 80;\n  var compressedCys = RINGS.map(function(_, i) {\n    return COMPRESSED_RY + i * COMPRESSED_SPACING;\n  });<\/p>\n<p>  var COL_UNIT = 120;\n  var SIDE_PAD = RX + 5;\n  var VB_HEIGHT = 495;\n  var MIN_COLS = 5;\n  var MAX_COLS = 16;<\/p>\n<p>  var svg = document.getElementById('tidalRingsSvg');\n  var wrap = document.querySelector('.tidal-rings-wrap');\n  var section = document.getElementById('top-header-ringe');\n  var ellipses = [];\n  var currentCols = 0;<\/p>\n<p>  \/* Sichtbaren Header finden (Desktop oder Mobile) *\/\n  function getHeaderBottom() {\n    var best = 0;\n    document.querySelectorAll('.tm-header, .tm-header-mobile').forEach(function(h) {\n      var r = h.getBoundingClientRect();\n      if (r.height > 0 && r.bottom > best) best = r.bottom;\n    });\n    return best;\n  }<\/p>\n<p>  function calcCols() {\n    return Math.max(MIN_COLS, Math.min(MAX_COLS, Math.round(wrap.getBoundingClientRect().width \/ 120)));\n  }<\/p>\n<p>  function build(numCols) {\n    while (svg.firstChild) svg.removeChild(svg.firstChild);\n    ellipses = [];\n    var vbW = numCols * COL_UNIT + 2 * SIDE_PAD;\n    svg.setAttribute('viewBox', (-SIDE_PAD) + ' 0 ' + vbW + ' ' + VB_HEIGHT);<\/p>\n<p>    for (var c = 0; c < numCols; c++) {\n      var cx = COL_UNIT \/ 2 + c * COL_UNIT;\n      for (var r = 0; r < RINGS.length; r++) {\n        var el = document.createElementNS(NS, 'ellipse');\n        el.setAttribute('cx', cx);\n        el.setAttribute('cy', RINGS[r].cy);\n        el.setAttribute('rx', RX);\n        el.setAttribute('ry', RINGS[r].ry);\n        el.setAttribute('stroke', '#5CFF98');\n        el.setAttribute('stroke-width', '2');\n        el.setAttribute('stroke-miterlimit', '10');\n        el.setAttribute('fill', 'none');\n        svg.appendChild(el);\n        ellipses.push({ el: el, ringIdx: r });\n      }\n    }\n    currentCols = numCols;\n  }\n\n  \/* Ringe positionieren: Oberkante = Navbar-Unterkante,\n     H\u00f6he = exakt bis Section-Unterkante *\/\n  function positionRings() {\n    var navBottom = getHeaderBottom();\n    if (navBottom <= 0) return;\n    var secBottom = section.getBoundingClientRect().bottom;\n    var availH = secBottom - navBottom;\n\n    \/* SVG-H\u00f6he explizit setzen \u2192 slice f\u00fcllt die H\u00f6he *\/\n    svg.style.height = availH + 'px';\n\n    \/* Margin so setzen, dass Ring-Oberkante = Navbar-Unterkante *\/\n    var currentTop = wrap.getBoundingClientRect().top;\n    var currentMargin = parseFloat(getComputedStyle(wrap).marginTop) || 0;\n    wrap.style.marginTop = (currentMargin - (currentTop - navBottom)) + 'px';\n  }\n\n  \/* Scroll-Animation *\/\n  function easeInOutCubic(t) {\n    return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n  }\n  function lerp(a, b, t) { return a + (b - a) * t; }\n\n  var ticking = false;\n  function update() {\n    var scrollY = window.scrollY || window.pageYOffset;\n    var raw = Math.max(0, Math.min(1, scrollY \/ 800));\n    var eased = easeInOutCubic(raw);\n    for (var i = 0; i < ellipses.length; i++) {\n      var ri = ellipses[i].ringIdx;\n      ellipses[i].el.setAttribute('cy', lerp(RINGS[ri].cy, compressedCys[ri], eased));\n      ellipses[i].el.setAttribute('ry', lerp(RINGS[ri].ry, COMPRESSED_RY, eased));\n    }\n    wrap.style.transform = 'translateY(' + (-eased * SLIDE_UP_PX) + 'px)';\n    ticking = false;\n  }\n\n  function onScroll() {\n    if (!ticking) { ticking = true; requestAnimationFrame(update); }\n  }\n\n  var resizeTimer = null;\n  function onResize() {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(function() {\n      var cols = calcCols();\n      if (cols !== currentCols) build(cols);\n      positionRings();\n      update();\n    }, 150);\n  }\n\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', onResize, { passive: true });\n  build(calcCols());\n  positionRings();\n  update();\n})();\n<\/script>\n<\/div>\n<h2 id=\"looking-for-a-brand-identity-that-stays-memorable-book-your\">Looking for a brand identity that stays memorable? <br \/>Book your free intro call.<\/h2>\n<p><p>\n        <a href=\"mailto:hello@hi-tide.de?subject=Free%20Intro%20Call%20Brand%20Design\">Free intro call<\/a>\n    <\/p>\n<\/p>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/Lead3_Brand_Workshop_Session-16-9.webp\" alt=\"\"><br \/>\n<video src=\"\/wp-content\/uploads\/2026\/02\/02_BrandDesign.mp4\" poster=\"\"><\/video><\/p>\n<h2 id=\"this-is-how-we-translate-attitude-into-visible-identity\">This is how we translate attitude into visible identity.<\/h2>\n<div>\n<hr>\n<\/div>\n<ul>\n<li>\n<h3 id=\"logo-signet\">Logo & Signet<\/h3>\n<div>We design logos and marks that precisely translate the core of a brand, work seamlessly across all relevant touchpoints, and give companies a strong, recognizable face built to last.<\/div>\n<p><a href=\"https:\/\/hi-tide.de\/en\/cases\/kissbike\/\">View case<\/a><\/p>\n<\/li>\n<li>\n<h3 id=\"visual-identity\">Visual Identity<\/h3>\n<div>We develop distinctive visual identities with a clear system. Color worlds, typography, layout systems, and imagery \u2013 for brands that want to appear consistent, contemporary, and unmistakable.<\/div>\n<p><a href=\"https:\/\/hi-tide.de\/en\/cases\/akn-eisenbahn\/\">View case<\/a><\/p>\n<\/li>\n<li>\n<h3 id=\"motion-design\">Motion Design<\/h3>\n<div>We expand brands through motion design \u2013 with animated logos, clear motion guidelines, and dynamic assets that make brand experiences across social media, presentations, and digital products feel alive, current, and impactful.<\/div>\n<p><a href=\"https:\/\/hi-tide.de\/en\/cases\/snap-explained\/\">View case<\/a><\/p>\n<\/li>\n<li>\n<h3 id=\"design-manual-styleguide\">Design Manual & Styleguide<\/h3>\n<div>We create clear, practical design manuals and style guides that provide orientation, simplify decisions, and empower teams to work consistently \u2013 while leaving room for creativity to stay alive.<\/div>\n<p><a href=\"https:\/\/hi-tide.de\/en\/cases\/hamburg-media-school\/\">View case<\/a><\/p>\n<\/li>\n<li>\n<h3 id=\"packaging-design\">Packaging Design<\/h3>\n<div>We develop packaging designs that stand out on the shelf \u2013 attention-grabbing at the point of sale, aligned with the brand, and executed with precision down to the smallest detail.<\/div>\n<p><a href=\"https:\/\/hi-tide.de\/en\/case-archive\/natural-mojo\/\">View case<\/a><\/p>\n<\/li>\n<li>\n<h3 id=\"web-design\">Web Design<\/h3>\n<div>We design digital experiences that combine branding, user guidance, and conversion logic \u2013 for brands that want to show up clearly online and turn visits into meaningful action.<\/div>\n<p><a href=\"\/en\/\">View case<\/a><\/p>\n<\/li>\n<\/ul>\n<h2 id=\"our-three-pillar-process\">Our Three-Pillar Process<\/h2>\n<div>Three pillars. One flow.<br \/>\nBrand Design makes attitude visible. Built on strategy, we develop visual identities that provide orientation, create recognition, and position brands with clarity.<\/div>\n<div>\n<div class=\"drei-saeulen-track\">\n<div class=\"drei-saeulen-stage\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Animation_BG.svg\" class=\"drei-saeulen-img drei-saeulen-bg\" alt=\"Hintergrund\"><br \/>\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Animation_Shadow.svg\" class=\"drei-saeulen-img drei-saeulen-shadow\" alt=\"Schatten\"><br \/>\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Animation_Part_03.svg\" class=\"drei-saeulen-img drei-saeulen-part-marketing\" alt=\"S\u00e4ule Marketing\"><br \/>\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Animation_Part_02.svg\" class=\"drei-saeulen-img drei-saeulen-part-design\" alt=\"S\u00e4ule Design\"><br \/>\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Animation_Part_01.svg\" class=\"drei-saeulen-img drei-saeulen-part-strategy\" alt=\"S\u00e4ule Strategy\">\n    <\/div>\n<\/div>\n<\/div>\n<p><p>\n        <a href=\"https:\/\/hi-tide.de\/en\/brand-strategy\/\">Brand Strategy<\/a>\n    <\/p>\n<\/p>\n<p><p>\n        <a href=\"https:\/\/hi-tide.de\/en\/brand-design\/\">Brand Design<\/a>\n    <\/p>\n<\/p>\n<p><p>\n        <a href=\"https:\/\/hi-tide.de\/en\/brand-marketing\/\">Brand Marketing<\/a>\n    <\/p>\n<\/p>\n<div>Ready for character instead of compromise?<\/div>\n<p><p>\n        <a href=\"https:\/\/hi-tide.de\/en\/contact\/\">Let\u2019s get our hands dirty<\/a>\n    <\/p>\n<\/p>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/03\/Jan_Diara_Team_Services-scaled.webp\" alt=\"\"><\/p>\n<div>Diara &amp; Jan<\/div>\n<div>\n<p><a href=\"tel:+494087503133\">+49 40 875 031 33<\/a><br \/><a href=\"mailto:hello@hi-tide.de\">hello@hi-tide.de<\/a><\/p>\n<\/div>\n<h2 id=\"built-to-rise\">\n<p>Built to Rise <\/p>\n<\/h2>\n<div>Brand Design in practice \u2013 A curated selection of our projects<\/div>\n<div>\n<\/div>\n<h2 id=\"ready-to-rise\">Ready to Rise?<\/h2>\n<div>Your brand needs an identity that carries weight \u2013 not just approval? Make the first move.<\/div>\n<p><p>\n        <a href=\"https:\/\/hi-tide.de\/en\/contact\/\">Let's talk!<\/a>\n    <\/p>\n<\/p>\n<div>\n<style>\n  #ringe-section {\n    position: relative;\n    width: 100%;\n    overflow: visible !important;\n    contain: paint;\n  }\n  .tidal-rings-wrap-5col {\n    position: relative;\n    z-index: 0;\n    width: 100%;\n    pointer-events: none;\n  }\n  .tidal-rings-svg-5col {\n    display: block;\n    width: 100%;\n    height: auto;\n    overflow: visible;\n  }\n<\/style>\n<div class=\"tidal-rings-wrap-5col\">\n  <svg class=\"tidal-rings-svg-5col\" id=\"tidalRingsSvg5col\" viewBox=\"0 80 800 600\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMax meet\">\n  <\/svg>\n<\/div>\n<p><script>\n(function() {\n  var RINGS = [\n    { cy: 235, ry: 140 },\n    { cy: 425, ry: 95 },\n    { cy: 560, ry: 52 },\n    { cy: 625, ry: 42 },\n    { cy: 680, ry: 32 }\n  ];\n  var ALL_COLUMNS = [80, 240, 400, 560, 720];\n  var RX = 100;\n  var COMPRESSED_RY = 12;\n  var COMPRESSED_SPACING = 26;\n  var SPEED = 0.8;\n  var NS = \"http:\/\/www.w3.org\/2000\/svg\";\n  var BOTTOM_CY = RINGS[RINGS.length - 1].cy;<\/p>\n<p>  \/\/ viewBox: start near the top of the first ring, end so bottom rings are clipped\n  var VB_TOP = 80;\n  var VB_BOTTOM = 680;\n  var VB_HEIGHT = VB_BOTTOM - VB_TOP; \/\/ 600<\/p>\n<p>  var compressedCys = RINGS.map(function(_, i) {\n    var reverseIdx = RINGS.length - 1 - i;\n    return BOTTOM_CY - reverseIdx * COMPRESSED_SPACING;\n  });\n  var svg = document.getElementById('tidalRingsSvg5col');\n  var section = document.getElementById('ringe-section');\n  var ellipses = [];\n  var currentColCount = 0;<\/p>\n<p>  function getColumnCount() {\n    var w = window.innerWidth;\n    if (w < 640) return 3;\n    if (w < 1024) return 4;\n    return 5;\n  }\n\n  function buildEllipses(colCount) {\n    while (svg.firstChild) {\n      svg.removeChild(svg.firstChild);\n    }\n    ellipses = [];\n\n    var columns = ALL_COLUMNS.slice(0, colCount);\n    var svgWidth = colCount * 160;\n    svg.setAttribute('viewBox', '0 ' + VB_TOP + ' ' + svgWidth + ' ' + VB_HEIGHT);\n\n    for (var c = 0; c < columns.length; c++) {\n      for (var r = 0; r < RINGS.length; r++) {\n        var el = document.createElementNS(NS, 'ellipse');\n        el.setAttribute('cx', columns[c]);\n        el.setAttribute('cy', RINGS[r].cy);\n        el.setAttribute('rx', RX);\n        el.setAttribute('ry', RINGS[r].ry);\n        el.setAttribute('stroke', '#5CFF98');\n        el.setAttribute('stroke-width', '2');\n        el.setAttribute('stroke-miterlimit', '10');\n        el.setAttribute('fill', 'none');\n        svg.appendChild(el);\n        ellipses.push({ el: el, ringIdx: r });\n      }\n    }\n    currentColCount = colCount;\n  }\n\n  function easeInOutCubic(t) {\n    return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\n  }\n  function lerp(a, b, t) {\n    return a + (b - a) * t;\n  }\n\n  var ticking = false;\n  function update() {\n    var rect = section.getBoundingClientRect();\n    var vpH = window.innerHeight;\n    var sectionH = section.offsetHeight;\n    var scrolled = vpH - rect.top;\n    var totalRange = vpH + sectionH;\n    var raw = Math.max(0, Math.min(1, scrolled \/ totalRange));\n    var scaled = raw * SPEED;\n    var eased = easeInOutCubic(scaled);\n    for (var i = 0; i < ellipses.length; i++) {\n      var ri = ellipses[i].ringIdx;\n      var newCy = lerp(RINGS[ri].cy, compressedCys[ri], eased);\n      var newRy = lerp(RINGS[ri].ry, COMPRESSED_RY, eased);\n      ellipses[i].el.setAttribute('cy', newCy);\n      ellipses[i].el.setAttribute('ry', newRy);\n    }\n    ticking = false;\n  }\n\n  function onResize() {\n    var needed = getColumnCount();\n    if (needed !== currentColCount) {\n      buildEllipses(needed);\n    }\n    if (!ticking) {\n      ticking = true;\n      requestAnimationFrame(update);\n    }\n  }\n\n  function onScroll() {\n    if (!ticking) {\n      ticking = true;\n      requestAnimationFrame(update);\n    }\n  }\n\n  buildEllipses(getColumnCount());\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', onResize, { passive: true });\n  update();\n})();\n<\/script>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"animation\":\"slide-top-medium\",\"animation_delay\":\"200\",\"class\":\"brand-header-mit-ringen\",\"header_transparent\":true,\"image_position\":\"top-center\",\"image_size\":\"cover\",\"sticky\":\"cover\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Brand Design\",\"css\":\".el-element{font-family: \\\"NeueMontrealRegular\\\";\\nfont-size: 28px;\\nfont-style: normal;\\nfont-weight: 400;\\nline-height: 140%;\\n           text-transform:none; letter-spacing: 0%}\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"title_element\":\"h1\",\"title_style\":\"h4\"},\"name\":\"H1 looks like text large\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"4-5\"},\"children\":[{\"type\":\"cf-typer\",\"props\":{\"back_delay\":1,\"back_speed\":0.1,\"cursor_char\":\"_\",\"fade_out\":false,\"fade_out_delay\":0.5,\"loop\":true,\"show_cursor\":true,\"shuffle\":false,\"smart_backspace\":true,\"start_delay\":1,\"text\":\"\n\n<p>Strong values \u2013 but they don\u2019t shine?<\/p>\n\n\",\"type_speed\":0.1,\"typer_element\":\"div\",\"typer_style\":\"h5\",\"typer_trigger\":\"onload\"},\"name\":\"cf Typer\"}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-5\"}}],\"props\":{\"layout\":\"4-5,1-5\"}},{\"type\":\"row\",\"props\":{\"layout\":\"1-2,1-2\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"}},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"block_align\":\"right\",\"block_align_breakpoint\":\"s\",\"class\":\"ht-heading-sm\",\"content\":\"We develop Brand Design and visual identities for mid-sized companies that want to show what they stand for \u2013 consistently, contemporary, and with strong recognition.\",\"css\":\".el-element{font-family: \\\"NeueMontrealRegular\\\";\\nfont-size: 28px;\\nfont-style: normal;\\nfont-weight: 400;\\nline-height: 140%;\\n           text-transform:none; letter-spacing: 0%}\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"title_element\":\"h2\",\"title_style\":\"h4\"}}]}]},{\"type\":\"row\",\"props\":{\"margin_bottom\":\"remove\",\"margin_top\":\"remove\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n  #top-header-ringe {\\n    position: relative;\\n    width: 100%;\\n    overflow: hidden !important;\\n  }\\n  #page\\\\#0 {\\n    position: relative;\\n    z-index: 1;\\n  }\\n  .tidal-rings-wrap {\\n    position: relative;\\n    z-index: 0;\\n    width: calc(100% + 80px);\\n    margin-left: -40px;\\n    margin-right: -40px;\\n    pointer-events: none;\\n    will-change: transform;\\n  }\\n  .tidal-rings-svg {\\n    display: block;\\n    width: 100%;\\n    overflow: visible;\\n  }\\n<\/style>\n\n\\n\n\n<div class=\\\"tidal-rings-wrap\\\">\\n  <svg class=\\\"tidal-rings-svg\\\" id=\\\"tidalRingsSvg\\\" fill=\\\"none\\\" xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" preserveAspectRatio=\\\"xMidYMin slice\\\">\\n  <\/svg>\\n<\/div>\n\n\\n<script>\\n(function() {\\n  var RINGS = [\\n    { cy: 131.505, ry: 131.005 },\\n    { cy: 312.213, ry: 87.841 },\\n    { cy: 410.047, ry: 42.351 },\\n    { cy: 452.399, ry: 35.401 },\\n    { cy: 493.194, ry: 26.306 }\\n  ];\\n  var RX = 72.097;\\n  var NS = \\\"http:\/\/www.w3.org\/2000\/svg\\\";\\n  var COMPRESSED_RY = 13;\\n  var COMPRESSED_SPACING = 28;\\n  var SLIDE_UP_PX = 80;\\n  var compressedCys = RINGS.map(function(_, i) {\\n    return COMPRESSED_RY + i * COMPRESSED_SPACING;\\n  });\\n\\n  var COL_UNIT = 120;\\n  var SIDE_PAD = RX + 5;\\n  var VB_HEIGHT = 495;\\n  var MIN_COLS = 5;\\n  var MAX_COLS = 16;\\n\\n  var svg = document.getElementById('tidalRingsSvg');\\n  var wrap = document.querySelector('.tidal-rings-wrap');\\n  var section = document.getElementById('top-header-ringe');\\n  var ellipses = [];\\n  var currentCols = 0;\\n\\n  \/* Sichtbaren Header finden (Desktop oder Mobile) *\/\\n  function getHeaderBottom() {\\n    var best = 0;\\n    document.querySelectorAll('.tm-header, .tm-header-mobile').forEach(function(h) {\\n      var r = h.getBoundingClientRect();\\n      if (r.height > 0 && r.bottom > best) best = r.bottom;\\n    });\\n    return best;\\n  }\\n\\n  function calcCols() {\\n    return Math.max(MIN_COLS, Math.min(MAX_COLS, Math.round(wrap.getBoundingClientRect().width \/ 120)));\\n  }\\n\\n  function build(numCols) {\\n    while (svg.firstChild) svg.removeChild(svg.firstChild);\\n    ellipses = [];\\n    var vbW = numCols * COL_UNIT + 2 * SIDE_PAD;\\n    svg.setAttribute('viewBox', (-SIDE_PAD) + ' 0 ' + vbW + ' ' + VB_HEIGHT);\\n\\n    for (var c = 0; c < numCols; c++) {\\n      var cx = COL_UNIT \/ 2 + c * COL_UNIT;\\n      for (var r = 0; r < RINGS.length; r++) {\\n        var el = document.createElementNS(NS, 'ellipse');\\n        el.setAttribute('cx', cx);\\n        el.setAttribute('cy', RINGS[r].cy);\\n        el.setAttribute('rx', RX);\\n        el.setAttribute('ry', RINGS[r].ry);\\n        el.setAttribute('stroke', '#5CFF98');\\n        el.setAttribute('stroke-width', '2');\\n        el.setAttribute('stroke-miterlimit', '10');\\n        el.setAttribute('fill', 'none');\\n        svg.appendChild(el);\\n        ellipses.push({ el: el, ringIdx: r });\\n      }\\n    }\\n    currentCols = numCols;\\n  }\\n\\n  \/* Ringe positionieren: Oberkante = Navbar-Unterkante,\\n     H\u00f6he = exakt bis Section-Unterkante *\/\\n  function positionRings() {\\n    var navBottom = getHeaderBottom();\\n    if (navBottom <= 0) return;\\n    var secBottom = section.getBoundingClientRect().bottom;\\n    var availH = secBottom - navBottom;\\n\\n    \/* SVG-H\u00f6he explizit setzen \u2192 slice f\u00fcllt die H\u00f6he *\/\\n    svg.style.height = availH + 'px';\\n\\n    \/* Margin so setzen, dass Ring-Oberkante = Navbar-Unterkante *\/\\n    var currentTop = wrap.getBoundingClientRect().top;\\n    var currentMargin = parseFloat(getComputedStyle(wrap).marginTop) || 0;\\n    wrap.style.marginTop = (currentMargin - (currentTop - navBottom)) + 'px';\\n  }\\n\\n  \/* Scroll-Animation *\/\\n  function easeInOutCubic(t) {\\n    return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\\n  }\\n  function lerp(a, b, t) { return a + (b - a) * t; }\\n\\n  var ticking = false;\\n  function update() {\\n    var scrollY = window.scrollY || window.pageYOffset;\\n    var raw = Math.max(0, Math.min(1, scrollY \/ 800));\\n    var eased = easeInOutCubic(raw);\\n    for (var i = 0; i < ellipses.length; i++) {\\n      var ri = ellipses[i].ringIdx;\\n      ellipses[i].el.setAttribute('cy', lerp(RINGS[ri].cy, compressedCys[ri], eased));\\n      ellipses[i].el.setAttribute('ry', lerp(RINGS[ri].ry, COMPRESSED_RY, eased));\\n    }\\n    wrap.style.transform = 'translateY(' + (-eased * SLIDE_UP_PX) + 'px)';\\n    ticking = false;\\n  }\\n\\n  function onScroll() {\\n    if (!ticking) { ticking = true; requestAnimationFrame(update); }\\n  }\\n\\n  var resizeTimer = null;\\n  function onResize() {\\n    clearTimeout(resizeTimer);\\n    resizeTimer = setTimeout(function() {\\n      var cols = calcCols();\\n      if (cols !== currentCols) build(cols);\\n      positionRings();\\n      update();\\n    }, 150);\\n  }\\n\\n  window.addEventListener('scroll', onScroll, { passive: true });\\n  window.addEventListener('resize', onResize, { passive: true });\\n  build(calcCols());\\n  positionRings();\\n  update();\\n})();\\n<\/script>\",\"css\":\".el-element{overflow: visible; }\"},\"name\":\"ringe im header neu\"}]}]}],\"name\":\"brand header section\"},{\"type\":\"section\",\"props\":{\"css\":\".el-section{background-color: #FFFF3F;padding-bottom:32px}\",\"image_position\":\"center-center\",\"padding_bottom\":\"xsmall\",\"padding_top\":\"xsmall\",\"style\":\"primary\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"1-2,1-2\",\"parallax\":false},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"block_align_breakpoint\":\"s\",\"class\":\"ht-heading-sm\",\"content\":\"Looking for a brand identity that stays memorable? <br \/>Book your free intro call.\",\"css\":\".el-element{font-family: \\\"NeueMontrealRegular\\\";\\nfont-size: 28px;\\nfont-style: normal;\\nfont-weight: 400;\\nline-height: 140%;\\n           text-transform:none; letter-spacing: 0%!important}\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"maxwidth\":\"2xlarge\",\"title_element\":\"h2\",\"title_style\":\"text-large\"}},{\"type\":\"button\",\"props\":{\"animation\":\"none\",\"css\":\".el-content{background-color: #404040;color:#fff}\\n.el-content:hover{background-color: #fff;color:#000;border-color:#fff}\",\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"default\",\"margin_top\":\"large\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"content\":\"Free intro call\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon_align\":\"left\",\"link\":\"mailto:hello@hi-tide.de?subject=Free%20Intro%20Call%20Brand%20Design\"}}],\"name\":\"Button free intro call\"}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"image\":\"wp-content\/uploads\/2026\/05\/Lead3_Brand_Workshop_Session-16-9.webp\",\"image_border\":\"rounded\",\"image_svg_color\":\"emphasis\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"}}]}]}],\"name\":\"Brand CTA Sektion gelb\"},{\"type\":\"section\",\"props\":{\"height_viewport\":802,\"image_position\":\"center-center\",\"padding_bottom\":\"none\",\"padding_top\":\"xsmall\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"video\",\"props\":{\"class\":\"force-fullwidth\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"video\":\"wp-content\/uploads\/2026\/02\/02_BrandDesign.mp4\",\"video_autoplay\":\"inview\",\"video_autoplay_restart\":false,\"video_border\":\"rounded\",\"video_controls\":false,\"video_loading\":\"lazy\",\"video_loop\":true,\"video_muted\":true,\"video_playsinline\":true}}]}]}],\"name\":\"Video Sektion Brand Seiten\"},{\"type\":\"section\",\"props\":{\"height_viewport\":680,\"image_position\":\"center-center\",\"padding_bottom\":\"none\",\"padding_top\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"This is how we translate attitude into visible identity.\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"title_element\":\"h2\",\"title_style\":\"h4\"}}]}]}]},{\"type\":\"section\",\"props\":{\"class\":\"theme-section\",\"height_viewport\":680,\"id\":\"brand-explaining-section\",\"image_position\":\"center-center\",\"padding_top\":\"small\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<hr>\n\n\"}},{\"type\":\"accordion\",\"props\":{\"collapsible\":true,\"content_column_breakpoint\":\"m\",\"css\":\".el-content{width:70%\\n        }\\n@media(max-width:600px){.el-title{font-size:44px}}\\nsvg{width:32px}\\n[data-theme=\\\"dark\\\"] {.uk-button-text {\\n    color: #fff;\\n}}\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_margin\":\"medium\",\"link_style\":\"text\",\"link_text\":\"Read more\",\"show_image\":true,\"show_link\":true},\"children\":[{\"type\":\"accordion_item\",\"props\":{\"content\":\"We design logos and marks that precisely translate the core of a brand, work seamlessly across all relevant touchpoints, and give companies a strong, recognizable face built to last.\",\"link\":\"en\/cases\/kissbike\/\",\"link_text\":\"View case\",\"title\":\"Logo & Signet\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"We develop distinctive visual identities with a clear system. Color worlds, typography, layout systems, and imagery \u2013 for brands that want to appear consistent, contemporary, and unmistakable.\",\"link\":\"en\/cases\/akn-eisenbahn\/\",\"link_text\":\"View case\",\"title\":\"Visual Identity\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"We expand brands through motion design \u2013 with animated logos, clear motion guidelines, and dynamic assets that make brand experiences across social media, presentations, and digital products feel alive, current, and impactful.\",\"link\":\"en\/cases\/snap-explained\/\",\"link_text\":\"View case\",\"title\":\"Motion Design\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"We create clear, practical design manuals and style guides that provide orientation, simplify decisions, and empower teams to work consistently \u2013 while leaving room for creativity to stay alive.\",\"link\":\"en\/cases\/hamburg-media-school\/\",\"link_text\":\"View case\",\"title\":\"Design Manual & Styleguide\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"We develop packaging designs that stand out on the shelf \u2013 attention-grabbing at the point of sale, aligned with the brand, and executed with precision down to the smallest detail.\",\"link\":\"en\/case-archive\/natural-mojo\/\",\"link_text\":\"View case\",\"title\":\"Packaging Design\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"We design digital experiences that combine branding, user guidance, and conversion logic \u2013 for brands that want to show up clearly online and turn visits into meaningful action.\",\"link\":\"en\/\",\"link_text\":\"View case\",\"title\":\"Web Design\"}}]}]}]}]},{\"type\":\"section\",\"props\":{\"attributes\":\"data-theme=\\\"theme-default\\\"\",\"class\":\"theme-section\",\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}]},{\"type\":\"section\",\"props\":{\"attributes\":\"data-theme=\\\"theme-yellow\\\"\",\"class\":\"ignore-dark\",\"image_position\":\"center-center\",\"padding_bottom\":\"none\",\"style\":\"\",\"text_color\":\"dark\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"props\":{\"class\":\"drei-saeulen-row\",\"layout\":\"1-2,1-2\",\"parallax\":false},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"fragment\",\"props\":{\"class\":\"drei-saeulen-left-sticky\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"},\"children\":[{\"type\":\"row\",\"props\":{\"parallax\":false},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"prevent_collapse\":false},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Our Three-Pillar Process\",\"css\":\".el-element{color:#000}\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"title_element\":\"h2\"},\"name\":\"3 sauelen links 3\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"Three pillars. One flow.\\nBrand Design makes attitude visible. Built on strategy, we develop visual identities that provide orientation, create recognition, and position brands with clarity.\",\"css\":\".el-element{color:#000}\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"maxwidth\":\"xlarge\"},\"name\":\"3 sauelen links 4\"}]}]}],\"name\":\" 3 s\u00e4ulen prozess \u00fcberschrift und text\"}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div class=\\\"drei-saeulen-track\\\">\\n    \n\n<div class=\\\"drei-saeulen-stage\\\">\\n        <img src=\\\"\/wp-content\/uploads\/2026\/03\/Animation_BG.svg\\\" class=\\\"drei-saeulen-img drei-saeulen-bg\\\" alt=\\\"Hintergrund\\\">\\n        <img src=\\\"\/wp-content\/uploads\/2026\/03\/Animation_Shadow.svg\\\" class=\\\"drei-saeulen-img drei-saeulen-shadow\\\" alt=\\\"Schatten\\\">\\n        <img src=\\\"\/wp-content\/uploads\/2026\/03\/Animation_Part_03.svg\\\" class=\\\"drei-saeulen-img drei-saeulen-part-marketing\\\" alt=\\\"S\u00e4ule Marketing\\\">\\n        <img src=\\\"\/wp-content\/uploads\/2026\/03\/Animation_Part_02.svg\\\" class=\\\"drei-saeulen-img drei-saeulen-part-design\\\" alt=\\\"S\u00e4ule Design\\\">\\n        <img src=\\\"\/wp-content\/uploads\/2026\/03\/Animation_Part_01.svg\\\" class=\\\"drei-saeulen-img drei-saeulen-part-strategy\\\" alt=\\\"S\u00e4ule Strategy\\\">\\n    <\/div>\n\n\\n<\/div>\n\n\",\"margin_top\":\"remove\"}}]}]}],\"name\":\"3 s\u00e4ulen prozess\"},{\"type\":\"section\",\"props\":{\"attributes\":\"data-theme=\\\"theme-yellow\\\"\",\"class\":\"theme-section\",\"image_position\":\"center-center\",\"padding_top\":\"none\",\"style\":\"\",\"text_color\":\"dark\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"3-5,2-5\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"3-5\"}},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"2-5\"},\"children\":[{\"type\":\"list\",\"props\":{\"column_breakpoint\":\"m\",\"css\":\".el-content{font-family:NeueMontrealMedium;font-size:28px}\\n.el-item{padding-bottom:19px}\",\"image_align\":\"left\",\"image_svg_color\":\"emphasis\",\"image_vertical_align\":true,\"list_element\":\"ul\",\"list_horizontal_separator\":\", \",\"list_type\":\"vertical\",\"margin_top\":\"remove\",\"show_image\":true,\"show_link\":true,\"status\":\"disabled\"},\"children\":[{\"type\":\"list_item\",\"props\":{\"content\":\"Brand Strategy\",\"link\":\"brand-strategy\/\"}},{\"type\":\"list_item\",\"props\":{\"content\":\"Brand Design\",\"link\":\"brand-design\/\"}},{\"type\":\"list_item\",\"props\":{\"content\":\"Brand Marketing\",\"link\":\"brand-marketing\/\"}}],\"name\":\"Brand Link List\"},{\"type\":\"button\",\"props\":{\"css\":\".el-content{font-family:NeueMontrealMedium;font-size:28px}\\n.el-item{padding-bottom:19px}\",\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"default\",\"margin_top\":\"remove\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"text\",\"content\":\"Brand Strategy\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon_align\":\"left\",\"link\":\"en\/brand-strategy\/\"}}],\"name\":\"Brand Link List\"},{\"type\":\"button\",\"props\":{\"css\":\".el-content{font-family:NeueMontrealMedium;font-size:28px}\\n.el-item{padding-bottom:19px}\",\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"text\",\"content\":\"Brand Design\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon_align\":\"left\",\"link\":\"en\/brand-design\/\"}}],\"name\":\"Brand Link List\"},{\"type\":\"button\",\"props\":{\"css\":\".el-content{font-family:NeueMontrealMedium;font-size:28px}\\n.el-item{padding-bottom:19px}\",\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"text\",\"content\":\"Brand Marketing\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon_align\":\"left\",\"link\":\"en\/brand-marketing\/\"}}],\"name\":\"Brand Link List\"}]}]},{\"type\":\"row\",\"props\":{\"layout\":\"3-4,1-4\",\"row_gap\":\"large\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"3-4\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Ready for character instead of compromise?\",\"css\":\".el-element{color:#000}\",\"image_align\":\"left\",\"image_height\":50,\"image_margin\":\"xsmall\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"title_element\":\"div\",\"title_style\":\"h5\",\"title_text_stroke\":false}},{\"type\":\"button\",\"props\":{\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"default\",\"margin_top\":\"medium\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"text\",\"content\":\"Let\u2019s get our hands dirty\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon_align\":\"left\",\"link\":\"en\/contact\/\",\"link_target\":true}}]}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-4\"}}]},{\"type\":\"row\",\"props\":{\"layout\":\"1-2,1-2\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"image\",\"props\":{\"image\":\"wp-content\/uploads\/2026\/03\/Jan_Diara_Team_Services-scaled.webp\",\"image_border\":\"rounded\",\"image_svg_color\":\"emphasis\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Diara &amp; Jan\",\"css\":\".el-element{color:#000}\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"title_element\":\"div\",\"title_style\":\"h6\"}},{\"type\":\"headline\",\"props\":{\"content\":\"\n\n<p><a href=\\\"tel:+494087503133\\\">+49 40 875 031 33<\/a><br \/><a href=\\\"mailto:hello@hi-tide.de\\\">hello@hi-tide.de<\/a><\/p>\n\n\",\"css\":\"a:hover{text-decoration: underline}\\n.el-element{color:#000}\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"title_element\":\"div\",\"title_style\":\"h4\"}}]}]}]},{\"type\":\"section\",\"props\":{\"attributes\":\"data-theme=\\\"theme-black\\\"\",\"class\":\"theme-section\",\"height_viewport\":600,\"image_position\":\"center-center\",\"padding_bottom\":\"large\",\"preserve_color\":false,\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"\n\n<p>Built to Rise <\/p>\n\n\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"text_align\":\"center\",\"title_color\":\"danger\",\"title_element\":\"h2\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"block_align\":\"center\",\"column_breakpoint\":\"m\",\"content\":\"Brand Design in practice \u2013 A curated selection of our projects\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"maxwidth\":\"large\",\"text_align\":\"center\",\"text_color\":\"danger\"}}]}],\"props\":{\"row_gap\":\"small\"}}],\"name\":\"Horizontal Slider Intro\"},{\"type\":\"section\",\"props\":{\"class\":\"cases-teaser-section\",\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"class\":\"cases-teaser-sticky\",\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"gallery\",\"props\":{\"class\":\"cases-teaser-track\",\"filter\":false,\"filter_align\":\"left\",\"filter_all\":false,\"filter_animation\":\"false\",\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"subnav-pill\",\"filter_wrap\":true,\"grid_default\":\"1\",\"grid_medium\":\"1\",\"image_expand\":false,\"image_orientation\":false,\"item_animation\":false,\"lightbox_bg_close\":true,\"link_style\":\"\",\"link_text\":\"View case\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"overlay_hover\":false,\"overlay_mode\":\"caption\",\"overlay_position\":\"center\",\"overlay_style\":\"\",\"overlay_transition\":\"fade\",\"show_content\":true,\"show_hover_image\":false,\"show_hover_video\":false,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"text_align\":\"center\",\"text_color\":\"dark\",\"title_element\":\"h3\",\"title_hover_style\":\"reset\"},\"children\":[{\"type\":\"gallery_item\",\"props\":{\"content\":\"Your Ride. Your Statement. Mit KissBike zeigen wir, wie Branding aus smarter Mobilit\u00e4t ein pers\u00f6nliches Statement macht \u2013 laut, bunt und unapologetic.\",\"image\":\"wp-content\/uploads\/2026\/01\/Platzhalter_Case.webp\",\"image_alt\":\"Kissbike\",\"link\":\"cases\/\",\"link_text\":\"View case\",\"meta\":\"\n\n<ul>\n\n<li><a href=\\\"#\\\">Tag One<\/a><\/li>\n\n\n\n<li><a href=\\\"#\\\">Tag Two<\/a><\/li>\n\n<\/ul>\n\n\",\"status\":\"disabled\",\"tags\":\"Tag One, Tag Two, Tag Three\",\"title\":\"Kissbike\"}},{\"type\":\"gallery_item\",\"props\":{\"class\":\"cases-teaser-track\",\"link_text\":\"View case\"},\"source\":{\"query\":{\"name\":\"posts.customPosts\",\"arguments\":{\"terms\":[29],\"category_operator\":\"IN\",\"post_tag_operator\":\"IN\",\"users\":[],\"users_operator\":\"IN\",\"date_range\":\"relative\",\"date_relative\":\"next\",\"date_relative_unit\":\"day\",\"date_relative_unit_this\":\"day\",\"offset\":0,\"limit\":3,\"order\":\"date\",\"order_direction\":\"ASC\"}},\"props\":{\"image\":{\"name\":\"field.slider_bild.url\"},\"title\":{\"name\":\"field.abweichender_slider_titel_falls_sonst_zu_lang\"},\"meta\":{\"arguments\":{\"separator\":\", \",\"show_link\":true,\"link_style\":\"\"},\"name\":\"post_tagString\"},\"content\":{\"name\":\"excerpt\"},\"link\":{\"name\":\"link\"},\"tags\":{\"arguments\":{\"separator\":\", \",\"show_link\":true,\"link_style\":\"\"},\"name\":\"post_tagString\"}}}},{\"type\":\"gallery_item\",\"props\":{\"content\":\"Your Ride. Your Statement. Mit KissBike zeigen wir, wie Branding aus smarter Mobilit\u00e4t ein pers\u00f6nliches Statement macht \u2013 laut, bunt und unapologetic.\",\"image\":\"wp-content\/uploads\/2026\/01\/Platzhalter_Case.webp\",\"image_alt\":\"Kissbike\",\"link\":\"cases\/\",\"link_text\":\"View case\",\"meta\":\"\n\n<ul>\n\n<li><a href=\\\"#\\\">Tag One<\/a><\/li>\n\n\n\n<li><a href=\\\"#\\\">Tag Two<\/a><\/li>\n\n<\/ul>\n\n\",\"status\":\"disabled\",\"tags\":\"Tag One, Tag Two, Tag Three\",\"title\":\"Kissbike\"}},{\"type\":\"gallery_item\",\"props\":{\"content\":\"Your Ride. Your Statement. Mit KissBike zeigen wir, wie Branding aus smarter Mobilit\u00e4t ein pers\u00f6nliches Statement macht \u2013 laut, bunt und unapologetic.\",\"image\":\"wp-content\/uploads\/2026\/01\/Platzhalter_Case.webp\",\"image_alt\":\"Kissbike\",\"link\":\"cases\/\",\"link_text\":\"View case\",\"meta\":\"\n\n<ul>\n\n<li><a href=\\\"#\\\">Tag One<\/a><\/li>\n\n\n\n<li><a href=\\\"#\\\">Tag Two<\/a><\/li>\n\n<\/ul>\n\n\",\"status\":\"disabled\",\"tags\":\"Tag One, Tag Two, Tag Three\",\"title\":\"Kissbike\"}}]}]}]}],\"name\":\"Cases Teaser NEU\"},{\"type\":\"section\",\"props\":{\"animation\":\"scale-up\",\"id\":\"ringe-section\",\"image_position\":\"center-center\",\"padding_bottom\":\"none\",\"padding_top\":\"large\",\"preserve_color\":false,\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"expand\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"1-2,1-2\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"Ready to Rise?\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"title_color\":\"danger\",\"title_element\":\"h2\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"Your brand needs an identity that carries weight \u2013 not just approval? Make the first move.\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_color\":\"danger\"}},{\"type\":\"button\",\"props\":{\"css\":\".el-content{color:#fff}\",\"grid_column_gap\":\"small\",\"grid_row_gap\":\"small\",\"margin_bottom\":\"default\",\"margin_top\":\"medium\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"text\",\"content\":\"Let's talk!\",\"dialog_layout\":\"modal\",\"dialog_offcanvas_flip\":true,\"icon_align\":\"left\",\"link\":\"en\/contact\/\",\"link_target\":true}}]}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"image_size\":\"height-1-1\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"html\",\"props\":{\"blend\":false,\"content\":\"\n\n<style>\\n  #ringe-section {\\n    position: relative;\\n    width: 100%;\\n    overflow: visible !important;\\n    contain: paint;\\n  }\\n  .tidal-rings-wrap-5col {\\n    position: relative;\\n    z-index: 0;\\n    width: 100%;\\n    pointer-events: none;\\n  }\\n  .tidal-rings-svg-5col {\\n    display: block;\\n    width: 100%;\\n    height: auto;\\n    overflow: visible;\\n  }\\n<\/style>\n\n\\n\n\n<div class=\\\"tidal-rings-wrap-5col\\\">\\n  <svg class=\\\"tidal-rings-svg-5col\\\" id=\\\"tidalRingsSvg5col\\\" viewBox=\\\"0 80 800 600\\\" fill=\\\"none\\\" xmlns=\\\"http:\/\/www.w3.org\/2000\/svg\\\" preserveAspectRatio=\\\"xMidYMax meet\\\">\\n  <\/svg>\\n<\/div>\n\n\\n<script>\\n(function() {\\n  var RINGS = [\\n    { cy: 235, ry: 140 },\\n    { cy: 425, ry: 95 },\\n    { cy: 560, ry: 52 },\\n    { cy: 625, ry: 42 },\\n    { cy: 680, ry: 32 }\\n  ];\\n  var ALL_COLUMNS = [80, 240, 400, 560, 720];\\n  var RX = 100;\\n  var COMPRESSED_RY = 12;\\n  var COMPRESSED_SPACING = 26;\\n  var SPEED = 0.8;\\n  var NS = \\\"http:\/\/www.w3.org\/2000\/svg\\\";\\n  var BOTTOM_CY = RINGS[RINGS.length - 1].cy;\\n\\n  \/\/ viewBox: start near the top of the first ring, end so bottom rings are clipped\\n  var VB_TOP = 80;\\n  var VB_BOTTOM = 680;\\n  var VB_HEIGHT = VB_BOTTOM - VB_TOP; \/\/ 600\\n\\n  var compressedCys = RINGS.map(function(_, i) {\\n    var reverseIdx = RINGS.length - 1 - i;\\n    return BOTTOM_CY - reverseIdx * COMPRESSED_SPACING;\\n  });\\n  var svg = document.getElementById('tidalRingsSvg5col');\\n  var section = document.getElementById('ringe-section');\\n  var ellipses = [];\\n  var currentColCount = 0;\\n\\n  function getColumnCount() {\\n    var w = window.innerWidth;\\n    if (w < 640) return 3;\\n    if (w < 1024) return 4;\\n    return 5;\\n  }\\n\\n  function buildEllipses(colCount) {\\n    while (svg.firstChild) {\\n      svg.removeChild(svg.firstChild);\\n    }\\n    ellipses = [];\\n\\n    var columns = ALL_COLUMNS.slice(0, colCount);\\n    var svgWidth = colCount * 160;\\n    svg.setAttribute('viewBox', '0 ' + VB_TOP + ' ' + svgWidth + ' ' + VB_HEIGHT);\\n\\n    for (var c = 0; c < columns.length; c++) {\\n      for (var r = 0; r < RINGS.length; r++) {\\n        var el = document.createElementNS(NS, 'ellipse');\\n        el.setAttribute('cx', columns[c]);\\n        el.setAttribute('cy', RINGS[r].cy);\\n        el.setAttribute('rx', RX);\\n        el.setAttribute('ry', RINGS[r].ry);\\n        el.setAttribute('stroke', '#5CFF98');\\n        el.setAttribute('stroke-width', '2');\\n        el.setAttribute('stroke-miterlimit', '10');\\n        el.setAttribute('fill', 'none');\\n        svg.appendChild(el);\\n        ellipses.push({ el: el, ringIdx: r });\\n      }\\n    }\\n    currentColCount = colCount;\\n  }\\n\\n  function easeInOutCubic(t) {\\n    return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) \/ 2;\\n  }\\n  function lerp(a, b, t) {\\n    return a + (b - a) * t;\\n  }\\n\\n  var ticking = false;\\n  function update() {\\n    var rect = section.getBoundingClientRect();\\n    var vpH = window.innerHeight;\\n    var sectionH = section.offsetHeight;\\n    var scrolled = vpH - rect.top;\\n    var totalRange = vpH + sectionH;\\n    var raw = Math.max(0, Math.min(1, scrolled \/ totalRange));\\n    var scaled = raw * SPEED;\\n    var eased = easeInOutCubic(scaled);\\n    for (var i = 0; i < ellipses.length; i++) {\\n      var ri = ellipses[i].ringIdx;\\n      var newCy = lerp(RINGS[ri].cy, compressedCys[ri], eased);\\n      var newRy = lerp(RINGS[ri].ry, COMPRESSED_RY, eased);\\n      ellipses[i].el.setAttribute('cy', newCy);\\n      ellipses[i].el.setAttribute('ry', newRy);\\n    }\\n    ticking = false;\\n  }\\n\\n  function onResize() {\\n    var needed = getColumnCount();\\n    if (needed !== currentColCount) {\\n      buildEllipses(needed);\\n    }\\n    if (!ticking) {\\n      ticking = true;\\n      requestAnimationFrame(update);\\n    }\\n  }\\n\\n  function onScroll() {\\n    if (!ticking) {\\n      ticking = true;\\n      requestAnimationFrame(update);\\n    }\\n  }\\n\\n  buildEllipses(getColumnCount());\\n  window.addEventListener('scroll', onScroll, { passive: true });\\n  window.addEventListener('resize', onResize, { passive: true });\\n  update();\\n})();\\n<\/script>\",\"text_align\":\"right\"},\"name\":\"ringe rechte spalte neu\"}]}]}]}],\"version\":\"5.0.40\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brand Design Strong values \u2013 but they don\u2019t shine? We develop Brand Design and visual identities for mid-sized companies that want to show what they stand for \u2013 consistently, contemporary, and with strong recognition. Looking for a brand identity that stays memorable? Book your free intro call. Free intro call This is how we translate [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3706","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Brand Design | Hi-TiDE\u2122 Branding Studio<\/title>\n<meta name=\"description\" content=\"Brand Design and visual identity for mid-sized companies. We create logos, corporate systems, packaging, and web design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hi-tide.de\/en\/brand-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Brand Design | Hi-TiDE\u2122 Branding Studio\" \/>\n<meta property=\"og:description\" content=\"Brand Design and visual identity for mid-sized companies. We create logos, corporate systems, packaging, and web design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hi-tide.de\/en\/brand-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Hi-TiDE\u2122 Branding Studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-21T09:41:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/brand-design\\\/\",\"url\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/brand-design\\\/\",\"name\":\"Brand Design | Hi-TiDE\u2122 Branding Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/#website\"},\"datePublished\":\"2026-01-19T14:36:04+00:00\",\"dateModified\":\"2026-08-21T09:41:24+00:00\",\"description\":\"Brand Design and visual identity for mid-sized companies. We create logos, corporate systems, packaging, and web design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/brand-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hi-tide.de\\\/en\\\/brand-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/brand-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brand Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/\",\"name\":\"Hi-TiDE\u2122 Branding Agentur\",\"description\":\"Die Kreativagentur f\u00fcr junge Zielgruppen\",\"publisher\":{\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/#organization\",\"name\":\"Hi-TiDE\u2122 Branding Agentur\",\"url\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hi-tide.de\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Logo_Mobil.svg\",\"contentUrl\":\"https:\\\/\\\/hi-tide.de\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Logo_Mobil.svg\",\"width\":1,\"height\":1,\"caption\":\"Hi-TiDE\u2122 Branding Agentur\"},\"image\":{\"@id\":\"https:\\\/\\\/hi-tide.de\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/hi-tide-studio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/hi_tide_studio\\\/\",\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61555952545551\",\"https:\\\/\\\/www.youtube.com\\\/@hi-tide_studio\",\"https:\\\/\\\/www.provenexpert.com\\\/de-de\\\/hi-tide-gmbh-hamburg\\\/\"],\"legalName\":\"Hi-TiDE GmbH\",\"description\":\"Branding-Agentur aus Hamburg-St. Pauli f\u00fcr Brand Strategy, Brand Design und Brand Marketing.\",\"email\":\"hello@hi-tide.de\",\"telephone\":\"+49 40 875 031 33\",\"vatID\":\"DE456719199\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"Lange Stra\u00dfe 9\",\"postalCode\":\"20359\",\"addressLocality\":\"Hamburg\",\"addressCountry\":\"DE\"},\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"customer service\",\"telephone\":\"+49 40 875 031 33\",\"email\":\"hello@hi-tide.de\",\"availableLanguage\":[\"de\",\"en\"]}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Brand Design | Hi-TiDE\u2122 Branding Studio","description":"Brand Design and visual identity for mid-sized companies. We create logos, corporate systems, packaging, and web design.","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:\/\/hi-tide.de\/en\/brand-design\/","og_locale":"en_US","og_type":"article","og_title":"Brand Design | Hi-TiDE\u2122 Branding Studio","og_description":"Brand Design and visual identity for mid-sized companies. We create logos, corporate systems, packaging, and web design.","og_url":"https:\/\/hi-tide.de\/en\/brand-design\/","og_site_name":"Hi-TiDE\u2122 Branding Studio","article_modified_time":"2026-08-21T09:41:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hi-tide.de\/en\/brand-design\/","url":"https:\/\/hi-tide.de\/en\/brand-design\/","name":"Brand Design | Hi-TiDE\u2122 Branding Studio","isPartOf":{"@id":"https:\/\/hi-tide.de\/en\/#website"},"datePublished":"2026-01-19T14:36:04+00:00","dateModified":"2026-08-21T09:41:24+00:00","description":"Brand Design and visual identity for mid-sized companies. We create logos, corporate systems, packaging, and web design.","breadcrumb":{"@id":"https:\/\/hi-tide.de\/en\/brand-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hi-tide.de\/en\/brand-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hi-tide.de\/en\/brand-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/hi-tide.de\/en\/"},{"@type":"ListItem","position":2,"name":"Brand Design"}]},{"@type":"WebSite","@id":"https:\/\/hi-tide.de\/en\/#website","url":"https:\/\/hi-tide.de\/en\/","name":"Hi-TiDE\u2122 Branding Agentur","description":"Die Kreativagentur f\u00fcr junge Zielgruppen","publisher":{"@id":"https:\/\/hi-tide.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hi-tide.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hi-tide.de\/en\/#organization","name":"Hi-TiDE\u2122 Branding Agentur","url":"https:\/\/hi-tide.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hi-tide.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/hi-tide.de\/wp-content\/uploads\/2026\/02\/Logo_Mobil.svg","contentUrl":"https:\/\/hi-tide.de\/wp-content\/uploads\/2026\/02\/Logo_Mobil.svg","width":1,"height":1,"caption":"Hi-TiDE\u2122 Branding Agentur"},"image":{"@id":"https:\/\/hi-tide.de\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/hi-tide-studio\/","https:\/\/www.instagram.com\/hi_tide_studio\/","https:\/\/www.facebook.com\/profile.php?id=61555952545551","https:\/\/www.youtube.com\/@hi-tide_studio","https:\/\/www.provenexpert.com\/de-de\/hi-tide-gmbh-hamburg\/"],"legalName":"Hi-TiDE GmbH","description":"Branding-Agentur aus Hamburg-St. Pauli f\u00fcr Brand Strategy, Brand Design und Brand Marketing.","email":"hello@hi-tide.de","telephone":"+49 40 875 031 33","vatID":"DE456719199","address":{"@type":"PostalAddress","streetAddress":"Lange Stra\u00dfe 9","postalCode":"20359","addressLocality":"Hamburg","addressCountry":"DE"},"contactPoint":{"@type":"ContactPoint","contactType":"customer service","telephone":"+49 40 875 031 33","email":"hello@hi-tide.de","availableLanguage":["de","en"]}}]}},"_links":{"self":[{"href":"https:\/\/hi-tide.de\/en\/wp-json\/wp\/v2\/pages\/3706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hi-tide.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hi-tide.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hi-tide.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hi-tide.de\/en\/wp-json\/wp\/v2\/comments?post=3706"}],"version-history":[{"count":24,"href":"https:\/\/hi-tide.de\/en\/wp-json\/wp\/v2\/pages\/3706\/revisions"}],"predecessor-version":[{"id":4581,"href":"https:\/\/hi-tide.de\/en\/wp-json\/wp\/v2\/pages\/3706\/revisions\/4581"}],"wp:attachment":[{"href":"https:\/\/hi-tide.de\/en\/wp-json\/wp\/v2\/media?parent=3706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}