{"id":104,"date":"2026-04-09T10:12:33","date_gmt":"2026-04-09T10:12:33","guid":{"rendered":"https:\/\/storysync.co.za\/?page_id=104"},"modified":"2026-05-02T10:38:51","modified_gmt":"2026-05-02T10:38:51","slug":"104-2","status":"publish","type":"page","link":"https:\/\/storysync.co.za\/","title":{"rendered":"StorySync Solutions"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>StorySync Solutions \u2014 Content, Strategy &#038; Digital Communications<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&#038;family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&#038;family=DM+Mono:wght@300;400;500&#038;family=Bebas+Neue&#038;display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --bg:          #07111d;\n  --surface:     #0d1f33;\n  --surface-2:   #122740;\n  --border:      rgba(14,168,204,0.13);\n  --border-2:    rgba(14,168,204,0.06);\n  --cyan:        #0ea8cc;\n  --cyan-dim:    rgba(14,168,204,0.11);\n  --cyan-glow:   rgba(14,168,204,0.06);\n  --amber:       #d4780e;\n  --amber-dim:   rgba(212,120,14,0.11);\n  --navy:        #0d2240;\n  --white:       #f0f5fa;\n  --muted:       #6b8ea8;\n  --muted-2:     #3d5a70;\n  --green:       #10b981;\n  --rule:        rgba(14,168,204,0.10);\n\n  --serif-display: 'Playfair Display', Georgia, serif;\n  --serif-body:    'Cormorant Garamond', Georgia, serif;\n  --mono:          'DM Mono', 'Courier New', monospace;\n  --display:       'Bebas Neue', impact, sans-serif;\n\n  --max-w:   940px;\n  --gutter:  52px;\n  --ease:    cubic-bezier(0.4,0,0.2,1);\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { font-size: 16px; scroll-behavior: smooth; }\n\n::-webkit-scrollbar { width: 5px; }\n::-webkit-scrollbar-track { background: var(--bg); }\n::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }\n::-webkit-scrollbar-thumb:hover { background: var(--cyan); }\n\nbody {\n  background: var(--bg);\n  color: var(--white);\n  font-family: var(--serif-body);\n  font-weight: 300;\n  font-size: 1.08rem;\n  line-height: 1.78;\n  -webkit-font-smoothing: antialiased;\n}\n\n.container { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--gutter); }\n\nsection {\n  padding: 96px 0;\n  border-bottom: 1px solid var(--border-2);\n  position: relative;\n  overflow: hidden;\n}\nsection:last-of-type { border-bottom: none; }\n\n.grid-bg {\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(14,168,204,0.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(14,168,204,0.04) 1px, transparent 1px);\n  background-size: 60px 60px;\n  pointer-events: none;\n  z-index: 0;\n}\nsection > .container { position: relative; z-index: 1; }\n\n.sec-num {\n  font-family: var(--display);\n  font-size: 10rem;\n  line-height: 1;\n  color: rgba(14,168,204,0.04);\n  position: absolute;\n  top: -8px; right: -12px;\n  pointer-events: none;\n  user-select: none;\n  z-index: 0;\n}\n\nh1, h2, h3, h4 {\n  font-family: var(--serif-display);\n  font-weight: 700;\n  line-height: 1.12;\n  letter-spacing: -0.015em;\n}\nh2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); margin-bottom: 10px; color: var(--white); }\nh3 { font-size: 1.4rem; font-weight: 400; font-style: italic; color: var(--cyan); margin-bottom: 20px; }\nh4 {\n  font-family: var(--serif-body);\n  font-size: 0.76rem;\n  font-weight: 700;\n  font-style: normal;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--muted);\n  margin-bottom: 8px;\n}\np { margin-bottom: 1em; color: rgba(240,245,250,0.72); max-width: 640px; line-height: 1.78; }\np:last-child { margin-bottom: 0; }\nstrong { font-weight: 600; color: var(--white); }\nem { font-style: italic; color: var(--cyan); }\n\n.label {\n  font-family: var(--mono);\n  font-size: 0.6rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--cyan);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 16px;\n}\n.label::before { content: ''; display: block; width: 18px; height: 1px; background: var(--cyan); }\n\n.lead {\n  font-size: 1.2rem;\n  line-height: 1.7;\n  color: rgba(240,245,250,0.78);\n  max-width: 640px;\n  margin-bottom: 44px;\n}\n\n.reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n.reveal.in { opacity: 1; transform: translateY(0); }\n.d1 { transition-delay: 0.10s; }\n.d2 { transition-delay: 0.20s; }\n.d3 { transition-delay: 0.30s; }\n.d4 { transition-delay: 0.40s; }\n\n\/* \u2500\u2500 PROGRESS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500  *\/\n.progress {\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(to right, var(--cyan), var(--amber));\n  width: 0%;\n  z-index: 1;\n  transition: width 0.1s linear;\n  pointer-events: none;\n}\n\n.masthead {\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  background: var(--bg);\n  position: relative;\n  overflow: hidden;\n  border-bottom: 1px solid var(--border);\n}\n\n.masthead-grid {\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(rgba(14,168,204,0.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(14,168,204,0.05) 1px, transparent 1px);\n  background-size: 60px 60px;\n  animation: gridDrift 24s linear infinite;\n  pointer-events: none;\n}\n@keyframes gridDrift {\n  0%   { background-position: 0 0; }\n  100% { background-position: 60px 60px; }\n}\n\n.masthead-glow {\n  position: absolute; top: -120px; right: -60px;\n  width: 580px; height: 580px;\n  background: radial-gradient(circle, rgba(14,168,204,0.11) 0%, transparent 68%);\n  animation: glowPulse 7s ease-in-out infinite;\n  pointer-events: none;\n}\n.masthead-glow-2 {\n  position: absolute; bottom: -80px; left: 5%;\n  width: 380px; height: 380px;\n  background: radial-gradient(circle, rgba(212,120,14,0.07) 0%, transparent 68%);\n  animation: glowPulse 10s ease-in-out infinite reverse;\n  pointer-events: none;\n}\n@keyframes glowPulse {\n  0%, 100% { opacity: 0.6; transform: scale(1); }\n  50%       { opacity: 1;   transform: scale(1.1); }\n}\n\n.masthead::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0;\n  width: 100%; height: 4px;\n  background: linear-gradient(to right, var(--cyan), transparent 60%);\n  z-index: 2;\n}\n\n.masthead-inner {\n  position: relative;\n  z-index: 2;\n  padding: 100px 0 80px;\n  width: 100%;\n}\n\n.masthead-logo { margin-bottom: 44px; animation: fadeUp 0.8s ease 0.1s both; }\n.masthead-logo img {\n  height: 54px; width: auto;\n  filter: drop-shadow(0 0 16px rgba(14,168,204,0.22)) drop-shadow(0 2px 8px rgba(0,0,0,0.5));\n  opacity: 0.92;\n  transition: opacity 0.3s, filter 0.3s;\n}\n.masthead-logo img:hover {\n  opacity: 1;\n  filter: drop-shadow(0 0 24px rgba(14,168,204,0.34)) drop-shadow(0 2px 8px rgba(0,0,0,0.5));\n}\n\n.masthead-eyebrow {\n  font-family: var(--mono);\n  font-size: 0.62rem;\n  letter-spacing: 0.24em;\n  text-transform: uppercase;\n  color: var(--cyan);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 28px;\n  animation: fadeUp 0.8s ease 0.25s both;\n}\n.masthead-eyebrow::before { content: ''; display: block; width: 28px; height: 1px; background: var(--cyan); }\n\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(18px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.masthead h1 {\n  font-family: var(--serif-display);\n  font-size: clamp(3.2rem, 7vw, 5.6rem);\n  font-weight: 900;\n  color: var(--white);\n  line-height: 1.02;\n  letter-spacing: -0.025em;\n  margin-bottom: 24px;\n  animation: fadeUp 0.8s ease 0.4s both;\n}\n.masthead h1 em { color: var(--cyan); font-style: italic; }\n\n.masthead-tagline {\n  font-family: var(--serif-body);\n  font-size: 1.25rem;\n  font-weight: 300;\n  font-style: italic;\n  color: rgba(240,245,250,0.6);\n  max-width: 520px;\n  line-height: 1.65;\n  margin-bottom: 52px;\n  animation: fadeUp 0.8s ease 0.55s both;\n}\n.masthead-tagline strong { color: rgba(240,245,250,0.9); font-weight: 400; font-style: normal; }\n\n.masthead-meta { display: flex; gap: 44px; flex-wrap: wrap; animation: fadeUp 0.8s ease 0.7s both; }\n.meta-item {\n  font-family: var(--mono);\n  font-size: 0.6rem;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(240,245,250,0.32);\n}\n.meta-item span { display: block; color: rgba(240,245,250,0.75); margin-top: 3px; font-size: 0.68rem; }\n\n.scroll-cue {\n  position: absolute;\n  bottom: 40px; left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  animation: fadeUp 1s ease 1.2s both;\n  z-index: 2;\n}\n.scroll-line {\n  width: 1px; height: 44px;\n  background: linear-gradient(to bottom, var(--cyan), transparent);\n  animation: scrollPulse 2s ease-in-out infinite;\n}\n@keyframes scrollPulse {\n  0%   { opacity: 0; transform: scaleY(0); transform-origin: top; }\n  40%  { opacity: 1; transform: scaleY(1); transform-origin: top; }\n  60%  { opacity: 1; transform: scaleY(1); transform-origin: bottom; }\n  100% { opacity: 0; transform: scaleY(0); transform-origin: bottom; }\n}\n.scroll-lbl { font-family: var(--mono); font-size: 0.52rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }\n\n\/* \u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500  *\/\n.nav-strip {\n  background: rgba(5,12,22,0.96);\n  backdrop-filter: blur(16px);\n  border-bottom: 1px solid var(--border);\n  position: sticky;\n  top: 0;\n  z-index: 200;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n.nav-strip::-webkit-scrollbar { display: none; }\n.nav-strip-inner {\n  max-width: var(--max-w);\n  margin: 0 auto;\n  padding: 0 var(--gutter);\n  display: flex;\n  min-width: max-content;\n  align-items: center;\n}\n.nav-strip a {\n  font-family: var(--mono);\n  font-size: 0.59rem;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--muted);\n  text-decoration: none;\n  padding: 14px 16px;\n  white-space: nowrap;\n  border-bottom: 2px solid transparent;\n  transition: color 0.25s var(--ease), border-color 0.25s var(--ease);\n}\n.nav-strip a:hover { color: var(--white); }\n.nav-strip a.active { color: var(--cyan); border-bottom-color: var(--cyan); }\n\n.section-header { margin-bottom: 52px; }\n\n.about-pull {\n  background: linear-gradient(to right, rgba(14,168,204,0.08), transparent);\n  border-left: 3px solid var(--cyan);\n  border-radius: 0 8px 8px 0;\n  padding: 28px 32px;\n  margin-bottom: 40px;\n}\n.about-pull p {\n  font-size: 1.2rem;\n  font-style: italic;\n  line-height: 1.72;\n  color: rgba(240,245,250,0.88);\n  max-width: none;\n  margin-bottom: 0;\n}\n\n.cred-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 40px; }\n.cred-card {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  padding: 22px 24px;\n  transition: border-color 0.25s var(--ease), transform 0.25s var(--ease);\n}\n.cred-card:hover { border-color: rgba(14,168,204,0.35); transform: translateY(-3px); }\n.cred-org { font-family: var(--mono); font-size: 0.57rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cyan); margin-bottom: 5px; }\n.cred-role { font-family: var(--serif-display); font-size: 0.96rem; font-weight: 700; color: var(--white); margin-bottom: 5px; }\n.cred-period { font-family: var(--mono); font-size: 0.57rem; color: var(--muted); letter-spacing: 0.06em; margin-bottom: 10px; }\n.cred-note { font-size: 0.86rem; line-height: 1.6; color: var(--muted); }\n\n.cert-strip { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 28px; }\n.cert-badge {\n  display: inline-flex; align-items: center; gap: 7px;\n  padding: 7px 13px;\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  font-family: var(--mono); font-size: 0.57rem;\n  letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);\n  transition: border-color 0.25s var(--ease), color 0.25s var(--ease);\n}\n.cert-badge::before { content: '\\2713'; color: var(--cyan); font-weight: bold; }\n.cert-badge:hover { border-color: var(--cyan); color: var(--white); }\n\n.ov-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 36px; }\n.ov-card {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-top: 2px solid var(--cyan);\n  border-radius: 10px;\n  padding: 28px 24px;\n  transition: transform 0.28s var(--ease), box-shadow 0.28s var(--ease);\n}\n.ov-card:hover { transform: translateY(-4px); box-shadow: 0 16px 44px rgba(0,0,0,0.45); }\n.ov-num { font-family: var(--display); font-size: 3.2rem; color: rgba(14,168,204,0.1); line-height: 1; margin-bottom: 12px; }\n.ov-title { font-family: var(--serif-display); font-size: 1.05rem; font-weight: 700; color: var(--white); margin-bottom: 10px; }\n.ov-desc { font-size: 0.87rem; line-height: 1.65; color: var(--muted); max-width: none; margin-bottom: 0; }\n\n.retainer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 44px; }\n.retainer-card {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 32px 26px;\n  position: relative;\n  transition: transform 0.28s var(--ease), box-shadow 0.28s var(--ease);\n}\n.retainer-card:hover { transform: translateY(-5px); box-shadow: 0 20px 52px rgba(0,0,0,0.5); }\n.retainer-card::before {\n  content: '';\n  position: absolute; top: 0; left: 0; right: 0; height: 1px;\n  background: linear-gradient(to right, transparent, rgba(14,168,204,0.3), transparent);\n  opacity: 0; transition: opacity 0.3s;\n}\n.retainer-card:hover::before { opacity: 1; }\n.retainer-card.featured {\n  border-color: rgba(14,168,204,0.4);\n  background: linear-gradient(to bottom, rgba(14,168,204,0.07), var(--surface));\n}\n.retainer-card.featured::after {\n  content: 'Most Popular';\n  position: absolute; top: -11px; left: 20px;\n  background: var(--cyan); color: var(--bg);\n  font-family: var(--mono); font-size: 0.56rem;\n  letter-spacing: 0.14em; text-transform: uppercase;\n  padding: 3px 10px; border-radius: 4px; font-weight: 500;\n}\n.ret-tier { font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; }\n.ret-price { font-family: var(--serif-display); font-size: 2.6rem; font-weight: 900; color: var(--cyan); line-height: 1; margin-bottom: 4px; }\n.ret-period { font-family: var(--mono); font-size: 0.64rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 22px; }\n.ret-desc { font-size: 0.9rem; color: rgba(240,245,250,0.65); line-height: 1.65; margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--border-2); }\n.ret-features { list-style: none; }\n.ret-features li { font-size: 0.86rem; line-height: 1.6; color: rgba(240,245,250,0.75); margin-bottom: 9px; padding-left: 20px; position: relative; }\n.ret-features li::before { content: '\\2713'; position: absolute; left: 0; color: var(--cyan); font-weight: bold; }\n\n.rate-section { margin-bottom: 48px; }\n.rate-section:last-of-type { margin-bottom: 0; }\n.rate-section-title {\n  font-family: var(--serif-display);\n  font-size: 1.45rem;\n  font-weight: 700;\n  color: var(--white);\n  margin-bottom: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.section-tag {\n  font-family: var(--mono);\n  font-size: 0.58rem;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--muted);\n  background: var(--surface-2);\n  border: 1px solid var(--border);\n  padding: 5px 12px;\n  border-radius: 4px;\n}\n\ntable { width: 100%; border-collapse: collapse; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; margin-bottom: 32px; }\nthead { border-bottom: 2px solid var(--cyan); }\nthead th { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cyan); padding: 14px 20px; text-align: left; font-weight: 500; background: rgba(14,168,204,0.05); }\ntbody tr { border-bottom: 1px solid var(--border-2); transition: background 0.2s; }\ntbody tr:last-child { border-bottom: none; }\ntbody tr:hover { background: rgba(14,168,204,0.04); }\ntbody td { padding: 16px 20px; font-size: 0.96rem; color: rgba(240,245,250,0.78); line-height: 1.55; }\ntbody td:last-child { text-align: right; font-family: var(--mono); font-size: 0.9rem; font-weight: 500; color: var(--cyan); white-space: nowrap; }\n.td-note { display: block; font-size: 0.8rem; font-style: italic; color: var(--muted); margin-top: 3px; }\n\n.timeline { display: grid; grid-template-columns: repeat(7,1fr); position: relative; margin-top: 52px; }\n.timeline::before { content: ''; position: absolute; top: 26px; left: calc(100%\/14); right: calc(100%\/14); height: 2px; background: linear-gradient(to right, var(--cyan), rgba(14,168,204,0.12)); z-index: 0; }\n.tl-step { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 6px; position: relative; z-index: 1; }\n.tl-dot { width: 52px; height: 52px; border-radius: 50%; background: var(--bg); border: 2px solid var(--cyan); display: flex; align-items: center; justify-content: center; font-family: var(--display); font-size: 1rem; color: var(--cyan); margin-bottom: 14px; transition: all 0.3s var(--ease); cursor: default; }\n.tl-step:hover .tl-dot { background: var(--cyan); color: var(--bg); box-shadow: 0 0 24px rgba(14,168,204,0.45); transform: scale(1.1); }\n.tl-title { font-family: var(--serif-display); font-size: 0.84rem; font-weight: 700; color: var(--white); margin-bottom: 5px; }\n.tl-desc { font-size: 0.7rem; color: var(--muted); line-height: 1.5; }\n\n.principles-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 52px; }\n.principle-item { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--cyan); border-radius: 4px; padding: 22px 24px; transition: box-shadow 0.25s var(--ease), border-left-color 0.25s; }\n.principle-item:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.4); border-left-color: var(--amber); }\n.principle-item h4 { color: var(--cyan); margin-bottom: 10px; }\n.principle-item p { font-size: 0.9rem; line-height: 1.65; color: var(--muted); max-width: none; margin-bottom: 0; }\n\n.alert { padding: 16px 20px; border-radius: 8px; border-left: 3px solid; margin: 24px 0; font-size: 0.9rem; line-height: 1.65; }\n.alert-info { background: rgba(14,168,204,0.07); border-color: var(--cyan); color: rgba(240,245,250,0.82); }\n.alert-amber { background: rgba(212,120,14,0.08); border-color: var(--amber); color: rgba(240,245,250,0.82); }\n\n.card { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 28px; position: relative; overflow: hidden; transition: transform 0.28s var(--ease), box-shadow 0.28s var(--ease), border-color 0.28s; }\n.card:hover { transform: translateY(-4px); border-color: rgba(14,168,204,0.32); box-shadow: 0 16px 48px rgba(0,0,0,0.45); }\n\n.contact-section { background: var(--bg); padding: 100px 0; position: relative; overflow: hidden; border-top: 2px solid var(--cyan) !important; }\n.contact-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; }\n.contact-left h2 { font-size: clamp(2rem,4vw,3.2rem); font-weight: 900; color: var(--white); margin-bottom: 18px; line-height: 1.06; }\n.contact-left p { font-size: 1.05rem; color: rgba(240,245,250,0.65); max-width: none; }\n.contact-right { display: flex; flex-direction: column; gap: 22px; }\n.contact-item { display: flex; flex-direction: column; gap: 4px; }\n.contact-lbl { font-family: var(--mono); font-size: 0.57rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted-2); }\n.contact-val { font-family: var(--serif-body); font-size: 1.05rem; color: var(--white); }\n.contact-val a { color: var(--cyan); text-decoration: none; transition: color 0.25s; }\n.contact-val a:hover { color: var(--white); }\n\n.cta-btn { display: inline-flex; align-items: center; gap: 10px; background: var(--cyan); color: var(--bg); font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 500; padding: 13px 26px; border-radius: 6px; text-decoration: none; transition: all 0.25s var(--ease); margin-top: 10px; }\n.cta-btn:hover { background: var(--white); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(14,168,204,0.3); }\n\n.divider { height: 1px; background: linear-gradient(to right, transparent, var(--border), transparent); margin: 52px 0; }\n\n@media (max-width: 1024px) { :root { --gutter: 36px; } }\n@media (max-width: 768px) {\n  :root { --gutter: 24px; }\n  section { padding: 64px 0; }\n  h2 { font-size: 1.65rem; }\n  .masthead h1 { font-size: 2.8rem; }\n  .masthead-inner { padding: 80px 0 60px; }\n  .masthead-logo img { height: 44px; }\n  .retainer-grid, .ov-grid, .cred-grid, .principles-grid { grid-template-columns: 1fr; }\n  .contact-inner { grid-template-columns: 1fr; gap: 44px; }\n  .timeline { grid-template-columns: 1fr; gap: 20px; }\n  .timeline::before { display: none; }\n  .tl-step { flex-direction: row; text-align: left; gap: 16px; align-items: flex-start; }\n  .tl-dot { flex-shrink: 0; }\n  .sec-num { display: none; }\n  tbody td, thead th { padding: 12px 16px; }\n  .masthead-meta { gap: 28px; }\n  .scroll-cue { display: none; }\n}\n@media (max-width: 480px) {\n  :root { --gutter: 20px; }\n  body { font-size: 1rem; }\n  section { padding: 52px 0; }\n  h2 { font-size: 1.45rem; }\n  .masthead h1 { font-size: 2.2rem; }\n  .masthead-inner { padding: 70px 0 50px; }\n  .masthead-logo img { height: 36px; }\n  .ret-price { font-size: 2.1rem; }\n  .retainer-card { padding: 24px 20px; }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"masthead\">\n  <div class=\"masthead-grid\"><\/div>\n  <div class=\"masthead-glow\"><\/div>\n  <div class=\"masthead-glow-2\"><\/div>\n  <div class=\"container\">\n    <div class=\"masthead-inner\">\n      <div class=\"masthead-logo\">\n        <img decoding=\"async\" src=\"https:\/\/storysync.co.za\/wp-content\/uploads\/2024\/02\/Logo-Option-5-2.png\" alt=\"StorySync Solutions\">\n      <\/div>\n      <div class=\"masthead-eyebrow\">Content \u00b7 Strategy \u00b7 Digital Communications<\/div>\n      <h1>StorySync <em>Solutions<\/em><\/h1>\n      <p class=\"masthead-tagline\">\n        <strong>What your brand says matters. How it says it, decides everything.<\/strong> Built for SMEs and independent consultants who want clarity, quality, and predictability.\n      <\/p>\n      <div class=\"masthead-meta\">\n        <div class=\"meta-item\">Based in <span>Gqeberha, Eastern Cape<\/span><\/div>\n        <div class=\"meta-item\">Now accepting <span>Retainer &amp; Once-Off Clients<\/span><\/div>\n        <div class=\"meta-item\">Response within <span>One Business Day<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"scroll-cue\">\n    <div class=\"scroll-line\"><\/div>\n    <div class=\"scroll-lbl\">Scroll<\/div>\n  <\/div>\n<\/div>\n\n<nav class=\"nav-strip\">\n  <div class=\"progress\" id=\"progress\"><\/div>\n  <div class=\"nav-strip-inner\">\n    <a href=\"#about\">About<\/a>\n    <a href=\"#overview\">Overview<\/a>\n    <a href=\"#retainers\">Retainers<\/a>\n    <a href=\"#social-media\">Social Media<\/a>\n    <a href=\"#campaign-ads\">Campaigns<\/a>\n    <a href=\"#content-writing\">Content<\/a>\n    <a href=\"#design-rates\">Design<\/a>\n    <a href=\"#strategy-rates\">Strategy<\/a>\n    <a href=\"#how-we-work\">How We Work<\/a>\n    <a href=\"#contact\">Contact<\/a>\n  <\/div>\n<\/nav>\n\n<section id=\"about\">\n  <div class=\"grid-bg\"><\/div>\n  <div class=\"sec-num\">00<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\">\n      <div class=\"label\">00 \u2014 About<\/div>\n      <h2>This business exists because most good businesses don\u2019t sound like it.<\/h2>\n    <\/div>\n    <div class=\"about-pull reveal\">\n      <p>Most SMEs and independent professionals are sitting on something genuinely valuable \u2014 a service, a skill, a product that actually works \u2014 and losing clients every day to competitors whose websites just explain themselves more clearly. Good communication isn\u2019t decoration. It\u2019s infrastructure.<\/p>\n    <\/div>\n    <p class=\"reveal\">StorySync Solutions was founded in 2024 by Juan Venter after more than a decade spent in newsrooms, marketing departments, and digital media \u2014 learning what makes people read, stay, and act. What makes them trust something, or quietly close the tab.<\/p>\n    <p class=\"reveal\">That career didn\u2019t follow a straight line, which is probably why it\u2019s useful to you now. It started in advertising \u2014 figuring out what makes a business story worth telling, and to whom. Then came six years of journalism and editorial work at Caxton Community Newspapers, where a relentless focus on the reader contributed to a publication picking up the <em>Caxton Group Best Sold Newspaper Award<\/em>. Nearly five years as Senior Journalist and Digital Media Lead at <em>The North Coast Courier<\/em> followed \u2014 building audiences, producing reporting that ran in The Citizen, Business Live, and Bizcommunity, and learning that digital strategy without editorial discipline is just noise. Most recently: leading marketing and communications at Hamilton Private School \u2014 managing everything from digital platforms and fundraising campaigns to weekly newsletters and media relations.<\/p>\n    <p class=\"reveal\" style=\"margin-top: 8px;\"><strong>What this means for you:<\/strong> you\u2019re not getting someone who learned copywriting from a course. You\u2019re getting someone who\u2019s been held to editorial deadlines, audience metrics, and commercial targets simultaneously \u2014 and who knows the difference between writing that sounds good and writing that does something. Fixed rates. Clear process. No guesswork.<\/p>\n    <div class=\"cred-grid\">\n      <div class=\"cred-card reveal d1\">\n        <div class=\"cred-org\">The North Coast Courier<\/div>\n        <div class=\"cred-role\">Senior Journalist &amp; Digital Media Lead<\/div>\n        <div class=\"cred-period\">Sep 2019 \u2013 Dec 2023 \u00b7 4 years<\/div>\n        <div class=\"cred-note\">Audience growth across digital and print. Bylines in The Citizen, Business Live, Bizcommunity, SAPeople.<\/div>\n      <\/div>\n      <div class=\"cred-card reveal d2\">\n        <div class=\"cred-org\">Caxton Community Newspapers<\/div>\n        <div class=\"cred-role\">Journalist &amp; Advertising Consultant<\/div>\n        <div class=\"cred-period\">Jun 2013 \u2013 Sep 2019 \u00b7 6 years<\/div>\n        <div class=\"cred-note\">Editorial and commercial strategy combined. Contributed to a <em>Caxton Group Best Sold Newspaper Award<\/em>.<\/div>\n      <\/div>\n      <div class=\"cred-card reveal d3\">\n        <div class=\"cred-org\">Hamilton Private School<\/div>\n        <div class=\"cred-role\">Marketing &amp; Communications Specialist<\/div>\n        <div class=\"cred-period\">Jul 2024 \u2013 Mar 2025 \u00b7 9 months<\/div>\n        <div class=\"cred-note\">Integrated marketing across digital and print. Fundraising, media relations, platform management.<\/div>\n      <\/div>\n      <div class=\"cred-card reveal d4\">\n        <div class=\"cred-org\">StorySync Solutions<\/div>\n        <div class=\"cred-role\">Founder &amp; Director<\/div>\n        <div class=\"cred-period\">2024 \u2013 Present \u00b7 Gqeberha<\/div>\n        <div class=\"cred-note\">Serving SMEs and independent professionals across South Africa with content, strategy, and digital communications.<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"cert-strip reveal\">\n      <div class=\"cert-badge\">Google Analytics (GA4) Certified<\/div>\n      <div class=\"cert-badge\">Google Digital Marketing Certified<\/div>\n      <div class=\"cert-badge\">Get Started with Google Analytics<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"overview\">\n  <div class=\"grid-bg\"><\/div>\n  <div class=\"sec-num\">01<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\">\n      <div class=\"label\">01 \u2014 Introduction<\/div>\n      <h2>Fixed pricing.<br>No retainer guesswork.<\/h2>\n    <\/div>\n    <p class=\"lead reveal\">Every service on this page is priced upfront. Monthly retainers are capped \u2014 no surprise overages. Once-off projects are flat-rate deliverables. Budget, plan, and commission without needing a sales call just to get a quote.<\/p>\n    <div class=\"ov-grid\">\n      <div class=\"ov-card reveal d1\"><div class=\"ov-num\">01<\/div><div class=\"ov-title\">Transparent Rates<\/div><div class=\"ov-desc\">Every service listed with a fixed price. No discovery calls required just to find out what something costs.<\/div><\/div>\n      <div class=\"ov-card reveal d2\"><div class=\"ov-num\">02<\/div><div class=\"ov-title\">Capped Monthly Work<\/div><div class=\"ov-desc\">Retainer packages include defined deliverables. No scope creep. No billing surprises at month end.<\/div><\/div>\n      <div class=\"ov-card reveal d3\"><div class=\"ov-num\">03<\/div><div class=\"ov-title\">Flat-Rate Projects<\/div><div class=\"ov-desc\">Once-off work is a single agreed price. You commission it knowing the full cost before a word is written.<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"retainers\">\n  <div class=\"grid-bg\"><\/div>\n  <div class=\"sec-num\">02<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\">\n      <div class=\"label\">02 \u2014 Monthly Retainer Packages<\/div>\n      <h2>Choose the tier that fits.<\/h2>\n    <\/div>\n    <p class=\"lead reveal\">All retainer packages are billed monthly in advance with a fixed allocation of work. Substitutions are allowed within the same monthly value. No rollover of unused hours.<\/p>\n    <div class=\"retainer-grid\">\n      <div class=\"retainer-card reveal d1\">\n        <div class=\"ret-tier\">Essential<\/div><div class=\"ret-price\">R4,500<\/div><div class=\"ret-period\">\/ month<\/div>\n        <div class=\"ret-desc\">For businesses that need consistent content without a full-time content person. Ideal for brands with limited in-house resources.<\/div>\n        <ul class=\"ret-features\">\n          <li>8\u201312 social media posts \/ month (copy + graphic)<\/li>\n          <li>1 blog post or article (up to 800 words)<\/li>\n          <li>1 email newsletter (copy only, up to 500 words)<\/li>\n          <li>Monthly content calendar planning<\/li>\n          <li>Email support \u2014 24hr response<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"retainer-card featured reveal d2\">\n        <div class=\"ret-tier\">Standard<\/div><div class=\"ret-price\">R8,500<\/div><div class=\"ret-period\">\/ month<\/div>\n        <div class=\"ret-desc\">Full social media support plus content production. For businesses actively building their online presence.<\/div>\n        <ul class=\"ret-features\">\n          <li>16\u201320 social media posts \/ month (copy + graphics)<\/li>\n          <li>2 blog posts or articles (up to 1,000 words each)<\/li>\n          <li>2 email newsletters (designed + copywritten)<\/li>\n          <li>Monthly strategy review call (30 min)<\/li>\n          <li>Hashtag research &amp; caption optimisation<\/li>\n          <li>Priority support \u2014 12hr response<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"retainer-card reveal d3\">\n        <div class=\"ret-tier\">Premium<\/div><div class=\"ret-price\">R15,000<\/div><div class=\"ret-period\">\/ month<\/div>\n        <div class=\"ret-desc\">Comprehensive content, design, and social media management with full strategic direction.<\/div>\n        <ul class=\"ret-features\">\n          <li>20\u201325 social media posts \/ month (multi-platform)<\/li>\n          <li>4 long-form articles (up to 1,500 words each)<\/li>\n          <li>4 fully designed newsletters<\/li>\n          <li>Monthly strategy consultation (60 min)<\/li>\n          <li>Competitor monitoring &amp; reporting<\/li>\n          <li>Quarterly content audit &amp; optimisation<\/li>\n          <li>Ad copywriting (up to 2 campaigns)<\/li>\n          <li>Same-day priority support<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <p style=\"margin-top:36px; font-size:0.88rem; color:var(--muted); font-style:italic;\" class=\"reveal\">\n      <strong style=\"color:var(--white);\">Contract terms:<\/strong> Essential and Standard operate on a rolling 3-month minimum. Premium on a 6-month minimum. 30-day cancellation notice.\n    <\/p>\n  <\/div>\n<\/section>\n\n<section id=\"social-media\">\n  <div class=\"grid-bg\"><\/div><div class=\"sec-num\">03<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\"><div class=\"label\">03 \u2014 Social Media (Once-Off)<\/div><h2>Stand-alone social media work.<\/h2><\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Content Creation <span class=\"section-tag\">Per Post \/ Per Set<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Single social media post<span class=\"td-note\">Copy + basic branded graphic \u2014 Instagram, Facebook, LinkedIn<\/span><\/td><td>R375<\/td><\/tr>\n        <tr><td>Carousel post (up to 5 slides)<span class=\"td-note\">Includes copy and design for each slide<\/span><\/td><td>R900<\/td><\/tr>\n        <tr><td>Social media post set (5 posts)<span class=\"td-note\">Cohesive theme, branded design<\/span><\/td><td>R1,650<\/td><\/tr>\n        <tr><td>Social media post set (10 posts)<span class=\"td-note\">Ideal for monthly content batching<\/span><\/td><td>R3,000<\/td><\/tr>\n        <tr><td>Story set (5 stories \u2014 Instagram or Facebook)<\/td><td>R750<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Social Media Management <span class=\"section-tag\">Month-to-Month or Once-Off<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Monthly content calendar (planning only)<span class=\"td-note\">Strategic themes, post ideas, caption outlines \u2014 no design<\/span><\/td><td>R1,200<\/td><\/tr>\n        <tr><td>Hashtag research &amp; strategy document<span class=\"td-note\">Platform-specific, up to 50 researched hashtags with usage notes<\/span><\/td><td>R850<\/td><\/tr>\n        <tr><td>Social media profile optimisation<span class=\"td-note\">Bio copy, highlights, pinned posts \u2014 single platform<\/span><\/td><td>R950<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"campaign-ads\">\n  <div class=\"grid-bg\"><\/div><div class=\"sec-num\">04<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\"><div class=\"label\">04 \u2014 Campaign Work &amp; Paid Advertising<\/div><h2>Campaigns, ads, and lead generation.<\/h2><\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Ad Copywriting <span class=\"section-tag\">Facebook \u00b7 Instagram \u00b7 Google<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Single ad variation (headline + body + CTA)<span class=\"td-note\">Suitable for A\/B testing or individual campaigns<\/span><\/td><td>R450<\/td><\/tr>\n        <tr><td>Ad set (3 variations for split-testing)<\/td><td>R1,150<\/td><\/tr>\n        <tr><td>Full campaign ad copy<span class=\"td-note\">Up to 5 ads, multiple formats, copywriting only<\/span><\/td><td>R2,750<\/td><\/tr>\n        <tr><td>Google Ads campaign setup (copywriting + keyword research)<span class=\"td-note\">Up to 3 ad groups, responsive search ads<\/span><\/td><td>R3,500<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Email Campaigns &amp; Newsletters <span class=\"section-tag\">Design + Copy<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Email newsletter (copy only, up to 500 words)<\/td><td>R850<\/td><\/tr>\n        <tr><td>Email newsletter (designed template + copy)<\/td><td>R1,650<\/td><\/tr>\n        <tr><td>Drip email sequence (5 emails, copy only)<span class=\"td-note\">Welcome series, nurture sequence, or onboarding flow<\/span><\/td><td>R3,750<\/td><\/tr>\n        <tr><td>Drip email sequence (5 emails, designed + copy)<\/td><td>R6,500<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Landing Pages &amp; Lead Magnets <span class=\"section-tag\">Copy + Structure<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Landing page copywriting<span class=\"td-note\">Headline, subheads, body, CTA \u2014 structure and messaging only<\/span><\/td><td>R2,250<\/td><\/tr>\n        <tr><td>Lead magnet creation (eBook, guide, checklist)<span class=\"td-note\">Up to 10 pages, designed and written<\/span><\/td><td>R4,750<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"alert alert-amber reveal\"><strong>Important:<\/strong> All ad spend on Facebook, Instagram, Google, or any other platform is billed directly to you by the platform. StorySync fees cover creative work only \u2014 strategy, copywriting, design, and setup.<\/div>\n  <\/div>\n<\/section>\n\n<section id=\"content-writing\">\n  <div class=\"grid-bg\"><\/div><div class=\"sec-num\">05<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\"><div class=\"label\">05 \u2014 Content Writing &amp; Copywriting<\/div><h2>Words that work for your business.<\/h2><\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Blog Posts &amp; Articles <span class=\"section-tag\">SEO-Optimised \u00b7 Research-Backed<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Blog post (up to 800 words)<span class=\"td-note\">Includes SEO keyword integration, internal linking suggestions<\/span><\/td><td>R950<\/td><\/tr>\n        <tr><td>Blog post (up to 1,200 words)<\/td><td>R1,450<\/td><\/tr>\n        <tr><td>Long-form article (1,500\u20132,000 words)<span class=\"td-note\">In-depth, researched; includes outline and subheadings<\/span><\/td><td>R2,250<\/td><\/tr>\n        <tr><td>Pillar content \/ guide (2,500+ words)<span class=\"td-note\">Deep research, structured for SEO authority<\/span><\/td><td>R3,750<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Corporate &amp; Business Writing <span class=\"section-tag\">Professional Documents<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Case study write-up (800\u20131,200 words)<span class=\"td-note\">Client success story, structured for credibility<\/span><\/td><td>R1,850<\/td><\/tr>\n        <tr><td>White paper or industry report (2,000\u20133,000 words)<\/td><td>R5,500<\/td><\/tr>\n        <tr><td>Company profile document<span class=\"td-note\">Full written profile, structured for corporate\/media use<\/span><\/td><td>R5,250<\/td><\/tr>\n        <tr><td>Award submission write-up<\/td><td>R3,250<\/td><\/tr>\n        <tr><td>Speech writing (per 10-minute speech)<\/td><td>R2,750<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Website Copy <span class=\"section-tag\">Per Page \/ Per Project<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Single website page (up to 400 words)<\/td><td>R1,500<\/td><\/tr>\n        <tr><td>Full website copy (5-page site)<span class=\"td-note\">Home, About, Services, Contact + one additional page<\/span><\/td><td>R6,750<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Editing &amp; Proofreading <span class=\"section-tag\">Per Page (~250 words)<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Proofreading<span class=\"td-note\">Spelling, grammar, punctuation<\/span><\/td><td>R150 \/ page<\/td><\/tr>\n        <tr><td>Copy editing<span class=\"td-note\">Style, clarity, consistency<\/span><\/td><td>R230 \/ page<\/td><\/tr>\n        <tr><td>Structural \/ substantive editing<span class=\"td-note\">Argument structure, flow, content organisation<\/span><\/td><td>R340 \/ page<\/td><\/tr>\n        <tr><td>Full document edit, flat rate (up to 10 pages)<\/td><td>R2,400<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"design-rates\">\n  <div class=\"grid-bg\"><\/div><div class=\"sec-num\">06<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\"><div class=\"label\">06 \u2014 Design &amp; Media Rates<\/div><h2>Visual work that earns attention.<\/h2><\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Print Design <span class=\"section-tag\">Supply in Requested Format<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Business card design (double-sided)<\/td><td>R750<\/td><\/tr>\n        <tr><td>Flyer \/ pamphlet (A5 or A6, single-sided)<\/td><td>R850<\/td><\/tr>\n        <tr><td>Flyer \/ pamphlet (A4, double-sided)<\/td><td>R1,150<\/td><\/tr>\n        <tr><td>Poster (A3 or A2)<\/td><td>R1,000<\/td><\/tr>\n        <tr><td>Roll-up \/ pull-up banner<\/td><td>R1,250<\/td><\/tr>\n        <tr><td>Brochure (tri-fold)<\/td><td>R1,850<\/td><\/tr>\n        <tr><td>Corporate letterhead + email signature<\/td><td>R1,500<\/td><\/tr>\n        <tr><td>Menu design (restaurant, up to 2 pages)<\/td><td>R1,500<\/td><\/tr>\n        <tr><td>Magazine \/ newsletter layout (per page)<\/td><td>R450<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Digital Design <span class=\"section-tag\">Web &amp; Social<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Social media graphic \u2014 single, branded post<\/td><td>R365<\/td><\/tr>\n        <tr><td>Social media graphic set (5 posts)<\/td><td>R1,500<\/td><\/tr>\n        <tr><td>Social media profile \/ cover image (per platform)<\/td><td>R650<\/td><\/tr>\n        <tr><td>Facebook \/ Instagram ad creative (per banner)<\/td><td>R750<\/td><\/tr>\n        <tr><td>Email newsletter template design<\/td><td>R1,850<\/td><\/tr>\n      <\/tbody><\/table>\n    <\/div>\n    <div class=\"rate-section reveal\">\n      <div class=\"rate-section-title\">Brand Identity <span class=\"section-tag\">Logo &amp; Identity Work<\/span><\/div>\n      <table><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n        <tr><td>Basic logo design<span class=\"td-note\">2 concepts, 2 rounds of revision<\/span><\/td><td>R2,000<\/td><\/tr>\n        <tr><td>Standard logo design<span class=\"td-note\">3\u20134 concepts, brand colours, font selection, 3 revisions<\/span><\/td><td>R3,750<\/td><\/tr>\n        <tr><td>Full brand identity package<span class=\"td-note\">Logo, colour palette, typography, brand style guide, core templates<\/span><\/td><td>R9,500<\/td><\/tr>\n      <\/tbody><\/table>\n      <p style=\"font-size:0.84rem; color:var(--muted); font-style:italic;\" class=\"reveal\">Editable source files (AI, PSD, InDesign) are a separate deliverable. Web\/print-ready exports (PDF, PNG, JPEG) are included as standard in all design work.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"strategy-rates\">\n  <div class=\"grid-bg\"><\/div><div class=\"sec-num\">07<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\"><div class=\"label\">07 \u2014 Strategy &amp; Consulting<\/div><h2>Direction before execution.<\/h2><\/div>\n    <table class=\"reveal\"><thead><tr><th>Service<\/th><th style=\"text-align:right\">Rate<\/th><\/tr><\/thead><tbody>\n      <tr><td>60-minute brand \/ content strategy consultation<span class=\"td-note\">Video or in-person; includes written summary notes<\/span><\/td><td>R1,000<\/td><\/tr>\n      <tr><td>Content strategy document (standalone written deliverable)<\/td><td>R4,250<\/td><\/tr>\n      <tr><td>Social media strategy document (standalone)<\/td><td>R3,750<\/td><\/tr>\n      <tr><td>Brand messaging framework<span class=\"td-note\">Tone of voice, key messages, audience positioning<\/span><\/td><td>R5,000<\/td><\/tr>\n      <tr><td>Competitor analysis report (written)<span class=\"td-note\">Up to 4 competitors, 1\u20132 platforms each<\/span><\/td><td>R3,000<\/td><\/tr>\n    <\/tbody><\/table>\n  <\/div>\n<\/section>\n\n<section id=\"how-we-work\">\n  <div class=\"grid-bg\"><\/div><div class=\"sec-num\">08<\/div>\n  <div class=\"container\">\n    <div class=\"section-header reveal\"><div class=\"label\">08 \u2014 How We Work<\/div><h2>Process &amp; working principles.<\/h2><\/div>\n    <p class=\"lead reveal\">Every project follows a defined process. Quality stays consistent, errors are caught, and nothing ships without proper review. This is what the work looks like from brief to delivery.<\/p>\n    <div class=\"timeline reveal\">\n      <div class=\"tl-step\"><div class=\"tl-dot\">01<\/div><div class=\"tl-title\">Brief<\/div><div class=\"tl-desc\">Goal, audience, platform, and deadline defined upfront.<\/div><\/div>\n      <div class=\"tl-step\"><div class=\"tl-dot\">02<\/div><div class=\"tl-title\">Research<\/div><div class=\"tl-desc\">Audience, competitors, tone \u2014 never winging it.<\/div><\/div>\n      <div class=\"tl-step\"><div class=\"tl-dot\">03<\/div><div class=\"tl-title\">Draft<\/div><div class=\"tl-desc\">First draft written to brief, structure and argument in place.<\/div><\/div>\n      <div class=\"tl-step\"><div class=\"tl-dot\">04<\/div><div class=\"tl-title\">Refine<\/div><div class=\"tl-desc\">Cut, clarify, sharpen. Every sentence earns its place.<\/div><\/div>\n      <div class=\"tl-step\"><div class=\"tl-dot\">05<\/div><div class=\"tl-title\">Review<\/div><div class=\"tl-desc\">Two revision rounds included on all work as standard.<\/div><\/div>\n      <div class=\"tl-step\"><div class=\"tl-dot\">06<\/div><div class=\"tl-title\">Deliver<\/div><div class=\"tl-desc\">On time, correct format, ready to use immediately.<\/div><\/div>\n      <div class=\"tl-step\"><div class=\"tl-dot\">07<\/div><div class=\"tl-title\">Follow Up<\/div><div class=\"tl-desc\">Good work is the start of a relationship \u2014 not the end.<\/div><\/div>\n    <\/div>\n    <div class=\"divider\"><\/div>\n    <div class=\"principles-grid\">\n      <div class=\"principle-item reveal d1\"><h4>Revisions<\/h4><p>All work includes two rounds of revisions as standard. Additional revisions are billed at R350\u2013R450 per hour, invoiced at month end.<\/p><\/div>\n      <div class=\"principle-item reveal d2\"><h4>Rush Fees<\/h4><p>Any job required in under 48 hours carries a 25\u201335% surcharge. Non-negotiable \u2014 it\u2019s stated in the standard terms.<\/p><\/div>\n      <div class=\"principle-item reveal d3\"><h4>Ad Spend<\/h4><p>All advertising spend on Facebook, Instagram, Google, or any platform is billed directly to you. Never included in any StorySync fee.<\/p><\/div>\n      <div class=\"principle-item reveal d1\"><h4>Source Files<\/h4><p>Print-ready and web-optimised files are included in all design work. Editable source files (AI, PSD, InDesign) are a separate deliverable.<\/p><\/div>\n      <div class=\"principle-item reveal d2\"><h4>Contracts<\/h4><p>Retainer packages operate on a minimum 3-month contract (6 months for Premium). Once-off work is governed by a project brief and deposit agreement.<\/p><\/div>\n      <div class=\"principle-item reveal d3\"><h4>Deposits<\/h4><p>A 50% deposit is required before once-off work begins. Retainers are invoiced monthly in advance on a fixed agreed date.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"contact-section\" id=\"contact\">\n  <div class=\"grid-bg\"><\/div>\n  <div class=\"masthead-glow\" style=\"top:-60px; right:-40px; width:400px; height:400px;\"><\/div>\n  <div class=\"container\">\n    <div class=\"contact-inner\">\n      <div class=\"contact-left reveal\">\n        <div class=\"label\">09 \u2014 Contact<\/div>\n        <h2>Ready to tell your <em>story?<\/em><\/h2>\n        <p>Reach out for a no-obligation conversation about what StorySync can do for your brand. All enquiries are responded to within one business day. No sales pressure. No mystery pricing.<\/p>\n        <a href=\"mailto:juan@storysync.co.za\" class=\"cta-btn\">Start the Conversation \u2192<\/a>\n      <\/div>\n      <div class=\"contact-right reveal d2\">\n        <div class=\"contact-item\"><span class=\"contact-lbl\">Email<\/span><span class=\"contact-val\"><a href=\"mailto:juan@storysync.co.za\">juan@storysync.co.za<\/a><\/span><\/div>\n        <div class=\"contact-item\"><span class=\"contact-lbl\">Website<\/span><span class=\"contact-val\"><a href=\"https:\/\/storysync.co.za\" target=\"_blank\">storysync.co.za<\/a><\/span><\/div>\n        <div class=\"contact-item\"><span class=\"contact-lbl\">Location<\/span><span class=\"contact-val\">Gqeberha, Eastern Cape, South Africa<\/span><\/div>\n        <div class=\"contact-item\"><span class=\"contact-lbl\">Availability<\/span><span class=\"contact-val\">Accepting new clients \u2014 retainer and once-off<\/span><\/div>\n        <div class=\"contact-item\" style=\"margin-top:8px; padding-top:20px; border-top:1px solid var(--border-2);\">\n          <span class=\"contact-lbl\">Response time<\/span>\n          <span class=\"contact-val\" style=\"color:var(--cyan);\">Within one business day \u2014 always.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nwindow.addEventListener('scroll', () => {\n  const h = document.documentElement.scrollHeight - window.innerHeight;\n  document.getElementById('progress').style.width = (h > 0 ? (scrollY\/h)*100 : 0) + '%';\n}, {passive:true});\n\nconst rev = new IntersectionObserver(entries => {\n  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });\n}, { threshold: 0.09, rootMargin: '0px 0px -55px 0px' });\ndocument.querySelectorAll('.reveal').forEach(el => rev.observe(el));\n\nconst sections = document.querySelectorAll('section[id], [id=\"contact\"]');\nconst navLinks  = document.querySelectorAll('.nav-strip a');\nconst spy = new IntersectionObserver(entries => {\n  entries.forEach(e => {\n    if (e.isIntersecting) {\n      const id = e.target.id;\n      navLinks.forEach(l => l.classList.toggle('active', l.getAttribute('href') === '#'+id));\n    }\n  });\n}, { threshold: 0.22, rootMargin: '-10% 0px -50% 0px' });\nsections.forEach(s => spy.observe(s));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>StorySync Solutions \u2014 Content, Strategy &#038; Digital Communications Content \u00b7 Strategy \u00b7 Digital Communications StorySync Solutions What your brand says matters. How it says it, decides everything. Built for SMEs and independent consultants who want clarity, quality, and predictability. Based in Gqeberha, Eastern Cape Now accepting Retainer &amp; Once-Off Clients Response within One Business Day [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-104","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>StorySync Solutions - Crafting compelling narratives<\/title>\n<meta name=\"description\" content=\"Gqeberha copywriting, branding and content strategy for SMEs and consultants. Fixed pricing, social media, content and strategy services.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/storysync.co.za\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"StorySync Solutions - Crafting compelling narratives\" \/>\n<meta property=\"og:description\" content=\"Gqeberha copywriting, branding and content strategy for SMEs and consultants. Fixed pricing, social media, content and strategy services.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/storysync.co.za\/\" \/>\n<meta property=\"og:site_name\" content=\"StorySync Solutions - Crafting compelling narratives\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-02T10:38:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/storysync.co.za\/wp-content\/uploads\/2024\/02\/Logo-Option-5-2.png\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/storysync.co.za\\\/\",\"url\":\"https:\\\/\\\/storysync.co.za\\\/\",\"name\":\"StorySync Solutions - Crafting compelling narratives\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/storysync.co.za\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/storysync.co.za\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/storysync.co.za\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/storysync.co.za\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Logo-Option-5-2.png\",\"datePublished\":\"2026-04-09T10:12:33+00:00\",\"dateModified\":\"2026-05-02T10:38:51+00:00\",\"description\":\"Gqeberha copywriting, branding and content strategy for SMEs and consultants. Fixed pricing, social media, content and strategy services.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/storysync.co.za\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/storysync.co.za\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/storysync.co.za\\\/#primaryimage\",\"url\":\"https:\\\/\\\/storysync.co.za\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Logo-Option-5-2.png\",\"contentUrl\":\"https:\\\/\\\/storysync.co.za\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Logo-Option-5-2.png\",\"width\":2394,\"height\":1690},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/storysync.co.za\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/storysync.co.za\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"StorySync Solutions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/storysync.co.za\\\/#website\",\"url\":\"https:\\\/\\\/storysync.co.za\\\/\",\"name\":\"StorySync Solutions - Crafting compelling narratives\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/storysync.co.za\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"StorySync Solutions - Crafting compelling narratives","description":"Gqeberha copywriting, branding and content strategy for SMEs and consultants. Fixed pricing, social media, content and strategy services.","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:\/\/storysync.co.za\/","og_locale":"en_US","og_type":"article","og_title":"StorySync Solutions - Crafting compelling narratives","og_description":"Gqeberha copywriting, branding and content strategy for SMEs and consultants. Fixed pricing, social media, content and strategy services.","og_url":"https:\/\/storysync.co.za\/","og_site_name":"StorySync Solutions - Crafting compelling narratives","article_modified_time":"2026-05-02T10:38:51+00:00","og_image":[{"url":"https:\/\/storysync.co.za\/wp-content\/uploads\/2024\/02\/Logo-Option-5-2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/storysync.co.za\/","url":"https:\/\/storysync.co.za\/","name":"StorySync Solutions - Crafting compelling narratives","isPartOf":{"@id":"https:\/\/storysync.co.za\/#website"},"primaryImageOfPage":{"@id":"https:\/\/storysync.co.za\/#primaryimage"},"image":{"@id":"https:\/\/storysync.co.za\/#primaryimage"},"thumbnailUrl":"https:\/\/storysync.co.za\/wp-content\/uploads\/2024\/02\/Logo-Option-5-2.png","datePublished":"2026-04-09T10:12:33+00:00","dateModified":"2026-05-02T10:38:51+00:00","description":"Gqeberha copywriting, branding and content strategy for SMEs and consultants. Fixed pricing, social media, content and strategy services.","breadcrumb":{"@id":"https:\/\/storysync.co.za\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/storysync.co.za\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/storysync.co.za\/#primaryimage","url":"https:\/\/storysync.co.za\/wp-content\/uploads\/2024\/02\/Logo-Option-5-2.png","contentUrl":"https:\/\/storysync.co.za\/wp-content\/uploads\/2024\/02\/Logo-Option-5-2.png","width":2394,"height":1690},{"@type":"BreadcrumbList","@id":"https:\/\/storysync.co.za\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/storysync.co.za\/"},{"@type":"ListItem","position":2,"name":"StorySync Solutions"}]},{"@type":"WebSite","@id":"https:\/\/storysync.co.za\/#website","url":"https:\/\/storysync.co.za\/","name":"StorySync Solutions - Crafting compelling narratives","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/storysync.co.za\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/storysync.co.za\/index.php?rest_route=\/wp\/v2\/pages\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/storysync.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/storysync.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/storysync.co.za\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/storysync.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=104"}],"version-history":[{"count":50,"href":"https:\/\/storysync.co.za\/index.php?rest_route=\/wp\/v2\/pages\/104\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/storysync.co.za\/index.php?rest_route=\/wp\/v2\/pages\/104\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/storysync.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}