{"id":1815,"date":"2026-04-14T12:12:02","date_gmt":"2026-04-14T12:12:02","guid":{"rendered":"https:\/\/aiinsider.ge\/?page_id=1815"},"modified":"2026-04-14T15:22:34","modified_gmt":"2026-04-14T15:22:34","slug":"storytelling-system","status":"publish","type":"page","link":"https:\/\/aiinsider.ge\/ka\/storytelling-system\/","title":{"rendered":"Storytelling system"},"content":{"rendered":"<style>.kb-row-layout-id1815_94dc2e-cb > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1815_94dc2e-cb > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1815_94dc2e-cb > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id1815_94dc2e-cb > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1815_94dc2e-cb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1815_94dc2e-cb > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1815_94dc2e-cb alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-6-columns kt-row-layout-row kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column1815_b9fb35-6b > .kt-inside-inner-col,.kadence-column1815_b9fb35-6b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1815_b9fb35-6b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1815_b9fb35-6b > .kt-inside-inner-col{flex-direction:column;}.kadence-column1815_b9fb35-6b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1815_b9fb35-6b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1815_b9fb35-6b{position:relative;}@media all and (max-width: 1024px){.kadence-column1815_b9fb35-6b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1815_b9fb35-6b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1815_b9fb35-6b\"><div class=\"kt-inside-inner-col\">\n<!-- Storytelling Hero Section -->\n<section class=\"story-hero\">\n  <div class=\"story-hero-inner\">\n    <span class=\"eyebrow\">Storytelling<\/span>\n    <h1>Turn what you already have into content that compounds<\/h1>\n    <p class=\"subheadline\">We build repeatable systems that transform your projects, archive, and expertise into a steady stream of content \u2014 without adding to your workload.<\/p>\n    <p class=\"supporting\">You&#8217;ve done the work. Now let the work speak for itself.<\/p>\n    <div class=\"hero-cta\">\n      <a href=\"\/ka\/system-audit\/\" class=\"btn-primary\">Get a System Audit<\/a>\n      <a href=\"\/ka\/contact\/\" class=\"btn-secondary\">Let&#8217;s Talk<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.story-hero {\n  padding: 5rem 1.5rem;\n  max-width: 720px;\n  margin: 0 auto;\n  text-align: center;\n}\n.story-hero .eyebrow {\n  display: inline-block;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: #666;\n  margin-bottom: 1.25rem;\n}\n.story-hero h1 {\n  font-size: clamp(2rem, 5vw, 3rem);\n  line-height: 1.15;\n  margin-bottom: 1.25rem;\n  font-weight: 700;\n  color: #000;\n}\n.story-hero .subheadline {\n  font-size: 1.15rem;\n  line-height: 1.6;\n  margin-bottom: 1rem;\n  color: #222;\n}\n.story-hero .supporting {\n  font-size: 1rem;\n  line-height: 1.6;\n  color: #555;\n  margin-bottom: 2rem;\n  font-style: italic;\n}\n.hero-cta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  justify-content: center;\n}\n.hero-cta a {\n  display: inline-block;\n  padding: 0.9rem 1.75rem;\n  font-size: 1rem;\n  font-weight: 600;\n  text-decoration: none;\n  border-radius: 4px;\n  transition: opacity 0.2s ease;\n}\n.btn-primary {\n  background: #000;\n  color: #fff;\n}\n.btn-secondary {\n  background: transparent;\n  color: #000;\n  border: 2px solid #000;\n}\n.hero-cta a:hover {\n  opacity: 0.8;\n}\n@media (min-width: 600px) {\n  .story-hero {\n    padding: 7rem 2rem;\n  }\n}\n<\/style>\n\n<!--\nKADENCE PLACEMENT:\n1. Add a Section block (full width, no padding)\n2. Inside, add a Custom HTML block\n3. Paste this entire code\n4. Update href values to your actual page URLs\n-->\n\n<\/div><\/div>\n\n\n<style>.kadence-column1815_c27f89-75 > .kt-inside-inner-col,.kadence-column1815_c27f89-75 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1815_c27f89-75 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1815_c27f89-75 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1815_c27f89-75 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1815_c27f89-75 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1815_c27f89-75{position:relative;}@media all and (max-width: 1024px){.kadence-column1815_c27f89-75 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1815_c27f89-75 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1815_c27f89-75\"><div class=\"kt-inside-inner-col\">\n<!-- Storytelling Definition Section -->\n<section class=\"story-definition\">\n  <div class=\"story-definition-inner\">\n    <div class=\"definition-content\">\n      <h2>What we mean by Storytelling<\/h2>\n      <p class=\"definition-lead\">Storytelling isn&#8217;t about being creative on demand. It&#8217;s about building a system that turns your existing work into ongoing visibility.<\/p>\n      <p>Most businesses have years of projects, photos, case work, and expertise sitting in folders, hard drives, and memories. That&#8217;s untapped content. The problem isn&#8217;t a lack of material \u2014 it&#8217;s a lack of structure to extract and distribute it.<\/p>\n      <p>A storytelling system solves this by creating repeatable workflows: what gets captured, how it gets processed, where it gets published, and how often. Once the system is running, content becomes a byproduct of doing business \u2014 not a separate burden.<\/p>\n      <p><strong>We build the system.<\/strong> You keep doing what you&#8217;re already doing. The content follows.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.story-definition {\n  padding: 4rem 1.5rem;\n  background: #f9f9f9;\n}\n.story-definition-inner {\n  max-width: 680px;\n  margin: 0 auto;\n}\n.story-definition h2 {\n  font-size: clamp(1.5rem, 4vw, 2rem);\n  font-weight: 700;\n  color: #000;\n  margin-bottom: 1.25rem;\n}\n.definition-lead {\n  font-size: 1.15rem;\n  line-height: 1.6;\n  color: #222;\n  margin-bottom: 1.25rem;\n}\n.definition-content p {\n  font-size: 1rem;\n  line-height: 1.7;\n  color: #444;\n  margin-bottom: 1rem;\n}\n.definition-content p:last-child {\n  margin-bottom: 0;\n}\n.definition-content strong {\n  color: #000;\n}\n@media (min-width: 600px) {\n  .story-definition {\n    padding: 5rem 2rem;\n  }\n}\n<\/style>\n\n<!--\nKADENCE PLACEMENT:\n1. Add a Custom HTML block below the hero section\n2. Paste this entire code\n-->\n\n<\/div><\/div>\n\n\n<style>.kadence-column1815_0ac4c0-86 > .kt-inside-inner-col,.kadence-column1815_0ac4c0-86 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1815_0ac4c0-86 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1815_0ac4c0-86 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1815_0ac4c0-86 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1815_0ac4c0-86 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1815_0ac4c0-86{position:relative;}@media all and (max-width: 1024px){.kadence-column1815_0ac4c0-86 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1815_0ac4c0-86 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1815_0ac4c0-86\"><div class=\"kt-inside-inner-col\">\n<!-- What We Build Section -->\n<section class=\"story-builds\">\n  <div class=\"story-builds-inner\">\n    <h2>What we build<\/h2>\n    <p class=\"builds-lead\">A storytelling system has multiple parts. We build the ones that match your business and assets.<\/p>\n\n    <div class=\"builds-grid\">\n\n      <div class=\"build-item\">\n        <div class=\"build-icon\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polygon points=\"23 7 16 12 23 17 23 7\"><\/polygon>\n            <rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n          <\/svg>\n        <\/div>\n        <h3>Short-Form Video Pipeline<\/h3>\n        <p>A system for creating Reels, TikToks, or YouTube Shorts from your work \u2014 with templates, workflows, and a publishing calendar.<\/p>\n      <\/div>\n\n      <div class=\"build-item\">\n        <div class=\"build-icon\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n            <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3>Narrative Content Strategy<\/h3>\n        <p>A documented plan for what stories to tell, in what order, and how they connect to your business goals.<\/p>\n      <\/div>\n\n      <div class=\"build-item\">\n        <div class=\"build-icon\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n            <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n            <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n            <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n          <\/svg>\n        <\/div>\n        <h3>Archive-to-Content Workflows<\/h3>\n        <p>Processes that turn your existing portfolio, project photos, or historical work into fresh posts \u2014 without starting from scratch.<\/p>\n      <\/div>\n\n      <div class=\"build-item\">\n        <div class=\"build-icon\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle>\n            <circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle>\n            <circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle>\n            <line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line>\n            <line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3>Distribution Structure<\/h3>\n        <p>A clear plan for where content goes, when it&#8217;s published, and how it&#8217;s adapted for each platform.<\/p>\n      <\/div>\n\n      <div class=\"build-item\">\n        <div class=\"build-icon\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3>Editorial Calendar<\/h3>\n        <p>A scheduling system that keeps content moving \u2014 with realistic pacing that a small team can actually maintain.<\/p>\n      <\/div>\n\n      <div class=\"build-item\">\n        <div class=\"build-icon\">\n          <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3>Performance Tracking<\/h3>\n        <p>Simple dashboards that show what&#8217;s working \u2014 so you can do more of it and less of what isn&#8217;t.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.story-builds {\n  padding: 4rem 1.5rem;\n  background: #fff;\n}\n.story-builds-inner {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n.story-builds h2 {\n  font-size: clamp(1.5rem, 4vw, 2rem);\n  font-weight: 700;\n  color: #000;\n  text-align: center;\n  margin-bottom: 0.75rem;\n}\n.builds-lead {\n  font-size: 1.05rem;\n  color: #555;\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto 3rem;\n  line-height: 1.6;\n}\n.builds-grid {\n  display: grid;\n  gap: 2rem;\n}\n.build-item {\n  padding: 1.5rem;\n  background: #f9f9f9;\n  border-radius: 8px;\n}\n.build-icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #000;\n  color: #fff;\n  border-radius: 8px;\n  margin-bottom: 1rem;\n}\n.build-icon svg {\n  width: 24px;\n  height: 24px;\n}\n.build-item h3 {\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: #000;\n  margin-bottom: 0.5rem;\n}\n.build-item p {\n  font-size: 0.95rem;\n  line-height: 1.6;\n  color: #555;\n  margin: 0;\n}\n@media (min-width: 600px) {\n  .story-builds {\n    padding: 5rem 2rem;\n  }\n  .builds-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 2rem;\n  }\n}\n@media (min-width: 900px) {\n  .builds-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n<\/style>\n\n<!--\nKADENCE PLACEMENT:\n1. Add a Custom HTML block below the definition section\n2. Paste this entire code\n-->\n\n<\/div><\/div>\n\n\n<style>.kadence-column1815_21ba56-43 > .kt-inside-inner-col,.kadence-column1815_21ba56-43 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1815_21ba56-43 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1815_21ba56-43 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1815_21ba56-43 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1815_21ba56-43 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1815_21ba56-43{position:relative;}@media all and (max-width: 1024px){.kadence-column1815_21ba56-43 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1815_21ba56-43 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1815_21ba56-43\"><div class=\"kt-inside-inner-col\">\n<!-- Who It's For Section -->\n<section class=\"story-fit\">\n  <div class=\"story-fit-inner\">\n    <h2>Who this is for<\/h2>\n\n    <div class=\"fit-columns\">\n\n      <div class=\"fit-column fit-good\">\n        <h3>Good fit<\/h3>\n        <ul>\n          <li>\n            <span class=\"fit-icon fit-yes\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span>You have interesting work that never gets shared<\/span>\n          <\/li>\n          <li>\n            <span class=\"fit-icon fit-yes\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span>Your team is too busy to create content consistently<\/span>\n          <\/li>\n          <li>\n            <span class=\"fit-icon fit-yes\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span>You have archives, portfolios, or project history sitting unused<\/span>\n          <\/li>\n          <li>\n            <span class=\"fit-icon fit-yes\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span>You know content matters but can&#8217;t make it a priority<\/span>\n          <\/li>\n          <li>\n            <span class=\"fit-icon fit-yes\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span>Your website and tracking are already working<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"fit-column fit-bad\">\n        <h3>Not a fit<\/h3>\n        <ul>\n          <li>\n            <span class=\"fit-icon fit-no\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n              <\/svg>\n            <\/span>\n            <span>Your website infrastructure is still broken<\/span>\n          <\/li>\n          <li>\n            <span class=\"fit-icon fit-no\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n              <\/svg>\n            <\/span>\n            <span>You&#8217;re looking for viral growth hacks<\/span>\n          <\/li>\n          <li>\n            <span class=\"fit-icon fit-no\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n              <\/svg>\n            <\/span>\n            <span>You expect results in 2 weeks<\/span>\n          <\/li>\n          <li>\n            <span class=\"fit-icon fit-no\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n              <\/svg>\n            <\/span>\n            <span>You have no existing work to build from<\/span>\n          <\/li>\n          <li>\n            <span class=\"fit-icon fit-no\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n              <\/svg>\n            <\/span>\n            <span>You want someone else to &#8220;be creative&#8221; for you<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <p class=\"fit-note\">Storytelling works best when the foundation is solid. If your website still has issues, start with <a href=\"\/ka\/infrastructure\/\">Infrastructure<\/a> first.<\/p>\n  <\/div>\n<\/section>\n\n<style>\n.story-fit {\n  padding: 4rem 1.5rem;\n  background: #f9f9f9;\n}\n.story-fit-inner {\n  max-width: 900px;\n  margin: 0 auto;\n}\n.story-fit h2 {\n  font-size: clamp(1.5rem, 4vw, 2rem);\n  font-weight: 700;\n  color: #000;\n  text-align: center;\n  margin-bottom: 2.5rem;\n}\n.fit-columns {\n  display: grid;\n  gap: 1.5rem;\n}\n.fit-column {\n  background: #fff;\n  border-radius: 8px;\n  padding: 2rem 1.5rem;\n  border: 1px solid #e5e5e5;\n}\n.fit-column h3 {\n  font-size: 1.1rem;\n  font-weight: 700;\n  margin-bottom: 1.25rem;\n  padding-bottom: 1rem;\n  border-bottom: 1px solid #eee;\n}\n.fit-good h3 {\n  color: #166534;\n}\n.fit-bad h3 {\n  color: #991b1b;\n}\n.fit-column ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.fit-column li {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  margin-bottom: 1rem;\n  font-size: 0.95rem;\n  line-height: 1.5;\n  color: #333;\n}\n.fit-column li:last-child {\n  margin-bottom: 0;\n}\n.fit-icon {\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n}\n.fit-yes {\n  background: #dcfce7;\n  color: #166534;\n}\n.fit-no {\n  background: #fee2e2;\n  color: #991b1b;\n}\n.fit-note {\n  text-align: center;\n  margin-top: 2.5rem;\n  font-size: 0.95rem;\n  color: #666;\n  line-height: 1.6;\n}\n.fit-note a {\n  color: #000;\n  font-weight: 600;\n}\n@media (min-width: 700px) {\n  .story-fit {\n    padding: 5rem 2rem;\n  }\n  .fit-columns {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 2rem;\n  }\n  .fit-column {\n    padding: 2.5rem 2rem;\n  }\n}\n<\/style>\n\n<!--\nKADENCE PLACEMENT:\n1. Add a Custom HTML block below the what-we-build section\n2. Paste this entire code\n3. Update href=\"\/infrastructure\/\" to your actual URL\n-->\n\n<\/div><\/div>\n\n\n<style>.kadence-column1815_a5d969-10 > .kt-inside-inner-col,.kadence-column1815_a5d969-10 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1815_a5d969-10 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1815_a5d969-10 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1815_a5d969-10 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1815_a5d969-10 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1815_a5d969-10{position:relative;}@media all and (max-width: 1024px){.kadence-column1815_a5d969-10 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1815_a5d969-10 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1815_a5d969-10\"><div class=\"kt-inside-inner-col\">\n<!-- System Context Section -->\n<section class=\"story-context\">\n  <div class=\"story-context-inner\">\n    <h2>Storytelling is the third layer<\/h2>\n    <p class=\"context-lead\">We build systems in three parts. Storytelling comes last because it requires the other two to work properly.<\/p>\n\n    <div class=\"context-layers\">\n\n      <div class=\"layer\">\n        <div class=\"layer-marker\">\n          <span class=\"layer-number\">1<\/span>\n          <span class=\"layer-line\"><\/span>\n        <\/div>\n        <div class=\"layer-content\">\n          <h3>Infrastructure<\/h3>\n          <p>Fix the foundation: multilingual routing, speed, tracking, conversion paths.<\/p>\n          <a href=\"\/ka\/infrastructure\/\" class=\"layer-link\">Learn more<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"layer\">\n        <div class=\"layer-marker\">\n          <span class=\"layer-number\">2<\/span>\n          <span class=\"layer-line\"><\/span>\n        <\/div>\n        <div class=\"layer-content\">\n          <h3>Automation<\/h3>\n          <p>Remove manual work: lead routing, follow-ups, content publishing workflows.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"layer layer-active\">\n        <div class=\"layer-marker\">\n          <span class=\"layer-number\">3<\/span>\n        <\/div>\n        <div class=\"layer-content\">\n          <h3>Storytelling<\/h3>\n          <p>Build visibility: recurring content systems, narrative strategy, social distribution.<\/p>\n          <span class=\"layer-tag\">You are here<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <p class=\"context-note\">Content without infrastructure is wasted effort. We make sure the foundation is solid before building the storytelling layer.<\/p>\n  <\/div>\n<\/section>\n\n<style>\n.story-context {\n  padding: 4rem 1.5rem;\n  background: #fff;\n}\n.story-context-inner {\n  max-width: 700px;\n  margin: 0 auto;\n}\n.story-context h2 {\n  font-size: clamp(1.5rem, 4vw, 2rem);\n  font-weight: 700;\n  color: #000;\n  text-align: center;\n  margin-bottom: 0.75rem;\n}\n.context-lead {\n  font-size: 1.05rem;\n  color: #555;\n  text-align: center;\n  margin-bottom: 3rem;\n  line-height: 1.6;\n}\n.context-layers {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.layer {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n}\n.layer-marker {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n}\n.layer-number {\n  width: 36px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #e5e5e5;\n  color: #666;\n  font-size: 0.9rem;\n  font-weight: 700;\n  border-radius: 50%;\n}\n.layer-active .layer-number {\n  background: #000;\n  color: #fff;\n}\n.layer-line {\n  width: 2px;\n  height: 100%;\n  min-height: 40px;\n  background: #e5e5e5;\n}\n.layer:last-child .layer-line {\n  display: none;\n}\n.layer-content {\n  padding-bottom: 2rem;\n}\n.layer:last-child .layer-content {\n  padding-bottom: 0;\n}\n.layer-content h3 {\n  font-size: 1.1rem;\n  font-weight: 700;\n  color: #000;\n  margin-bottom: 0.35rem;\n}\n.layer-content p {\n  font-size: 0.95rem;\n  line-height: 1.5;\n  color: #555;\n  margin: 0;\n}\n.layer-link {\n  display: inline-block;\n  margin-top: 0.5rem;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #000;\n  text-decoration: underline;\n}\n.layer-tag {\n  display: inline-block;\n  margin-top: 0.75rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: #fff;\n  background: #000;\n  padding: 0.3rem 0.6rem;\n  border-radius: 3px;\n}\n.context-note {\n  text-align: center;\n  margin-top: 2.5rem;\n  font-size: 0.95rem;\n  color: #666;\n  line-height: 1.6;\n}\n@media (min-width: 600px) {\n  .story-context {\n    padding: 5rem 2rem;\n  }\n  .layer {\n    gap: 1.5rem;\n  }\n  .layer-number {\n    width: 40px;\n    height: 40px;\n    font-size: 1rem;\n  }\n}\n<\/style>\n\n<!--\nKADENCE PLACEMENT:\n1. Add a Custom HTML block below the who-its-for section\n2. Paste this entire code\n3. Update href=\"\/infrastructure\/\" to your actual URL\n-->\n\n<\/div><\/div>\n\n\n<style>.kadence-column1815_965449-7b > .kt-inside-inner-col,.kadence-column1815_965449-7b > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1815_965449-7b > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1815_965449-7b > .kt-inside-inner-col{flex-direction:column;}.kadence-column1815_965449-7b > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1815_965449-7b > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1815_965449-7b{position:relative;}@media all and (max-width: 1024px){.kadence-column1815_965449-7b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1815_965449-7b > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1815_965449-7b\"><div class=\"kt-inside-inner-col\">\n<!-- Storytelling CTA Section -->\n<section class=\"story-cta\">\n  <div class=\"story-cta-inner\">\n    <h2>Ready to build your storytelling system?<\/h2>\n    <p class=\"cta-lead\">Storytelling projects start with an audit to assess what you have and what&#8217;s possible.<\/p>\n\n    <div class=\"cta-options\">\n\n      <div class=\"cta-option cta-option-primary\">\n        <h3>Get a System Audit<\/h3>\n        <p>We&#8217;ll review your current content assets, existing workflows, and distribution channels \u2014 then map out what a storytelling system could look like for your business.<\/p>\n        <a href=\"\/ka\/system-audit\/\" class=\"cta-btn cta-btn-primary\">Request a System Audit<\/a>\n      <\/div>\n\n      <div class=\"cta-option\">\n        <h3>Not sure yet?<\/h3>\n        <p>If you&#8217;re still exploring or have questions about whether this is right for you, let&#8217;s have a quick conversation first.<\/p>\n        <a href=\"\/ka\/contact\/\" class=\"cta-btn cta-btn-secondary\">Get in Touch<\/a>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cta-proof\">\n      <p class=\"proof-label\">See how we built a storytelling system for a heritage archive:<\/p>\n      <a href=\"\/ka\/case-studies\/photomuseum\/\" class=\"proof-link\">Read the Photomuseum case study<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n.story-cta {\n  padding: 4rem 1.5rem;\n  background: #000;\n  color: #fff;\n}\n.story-cta-inner {\n  max-width: 900px;\n  margin: 0 auto;\n  text-align: center;\n}\n.story-cta h2 {\n  font-size: clamp(1.5rem, 4vw, 2rem);\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n}\n.cta-lead {\n  font-size: 1.05rem;\n  color: rgba(255,255,255,0.8);\n  margin-bottom: 2.5rem;\n  line-height: 1.6;\n}\n.cta-options {\n  display: grid;\n  gap: 1.5rem;\n  text-align: left;\n}\n.cta-option {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 8px;\n  padding: 2rem 1.5rem;\n}\n.cta-option-primary {\n  border-color: rgba(255,255,255,0.3);\n}\n.cta-option h3 {\n  font-size: 1.2rem;\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n}\n.cta-option > p {\n  font-size: 0.95rem;\n  line-height: 1.6;\n  color: rgba(255,255,255,0.8);\n  margin-bottom: 1.5rem;\n}\n.cta-btn {\n  display: inline-block;\n  padding: 0.9rem 1.75rem;\n  font-size: 1rem;\n  font-weight: 600;\n  text-decoration: none;\n  border-radius: 4px;\n  transition: opacity 0.2s ease;\n}\n.cta-btn:hover {\n  opacity: 0.9;\n}\n.cta-btn-primary {\n  background: #fff;\n  color: #000;\n}\n.cta-btn-secondary {\n  background: transparent;\n  color: #fff;\n  border: 2px solid #fff;\n}\n.cta-proof {\n  margin-top: 3rem;\n  padding-top: 2.5rem;\n  border-top: 1px solid rgba(255,255,255,0.15);\n}\n.proof-label {\n  font-size: 0.9rem;\n  color: rgba(255,255,255,0.6);\n  margin-bottom: 0.75rem;\n}\n.proof-link {\n  font-size: 1rem;\n  font-weight: 600;\n  color: #fff;\n  text-decoration: underline;\n}\n.proof-link:hover {\n  text-decoration: none;\n}\n@media (min-width: 700px) {\n  .story-cta {\n    padding: 5rem 2rem;\n  }\n  .cta-options {\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 2rem;\n  }\n  .cta-option {\n    padding: 2.5rem 2rem;\n  }\n}\n<\/style>\n\n<!--\nKADENCE PLACEMENT:\n1. Add a Custom HTML block below the system-context section\n2. Paste this entire code\n3. Update href values to your actual page URLs\n-->\n\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Storytelling Turn what you already have into content that compounds We build repeatable systems that transform your projects, archive, and expertise into a steady stream of content \u2014 without adding to your workload. You&#8217;ve done the work. Now let the work speak for itself. Get a System Audit Let&#8217;s Talk What we mean by Storytelling&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1815","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiinsider.ge\/ka\/wp-json\/wp\/v2\/pages\/1815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiinsider.ge\/ka\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiinsider.ge\/ka\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiinsider.ge\/ka\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiinsider.ge\/ka\/wp-json\/wp\/v2\/comments?post=1815"}],"version-history":[{"count":4,"href":"https:\/\/aiinsider.ge\/ka\/wp-json\/wp\/v2\/pages\/1815\/revisions"}],"predecessor-version":[{"id":1848,"href":"https:\/\/aiinsider.ge\/ka\/wp-json\/wp\/v2\/pages\/1815\/revisions\/1848"}],"wp:attachment":[{"href":"https:\/\/aiinsider.ge\/ka\/wp-json\/wp\/v2\/media?parent=1815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}