{"id":425,"date":"2026-10-01T15:50:35","date_gmt":"2026-10-01T15:50:35","guid":{"rendered":"https:\/\/testingserversite.online\/newb\/?page_id=425"},"modified":"2026-10-01T16:03:09","modified_gmt":"2026-10-01T16:03:09","slug":"branding","status":"publish","type":"page","link":"https:\/\/testingserversite.online\/newb\/branding\/","title":{"rendered":"Branding"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"425\" class=\"elementor elementor-425\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2f77ba e-con-full e-flex e-con e-parent\" data-id=\"d2f77ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f975711 elementor-widget elementor-widget-html\" data-id=\"f975711\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\nOLO BRANDING SERVICE PAGE \u2014 MAIN BODY\nHeader\/footer intentionally excluded.\n\nElementor setup:\n1) Add ONE HTML widget and paste this whole file.\n2) Immediately below it add a Shortcode widget:\n   [olo_case_studies_grid limit=\"3\" columns=\"3\" type=\"branding\"]\n3) Give that Shortcode widget this CSS class:\n   olo-branding-case-studies\n4) Then add a second HTML widget and paste 02-branding-final-cta.html\n\nTypography inherits Elementor global fonts.\n-->\n\n<style>\n:root{\n  --olo-orange:#F15A24;\n  --olo-orange2:#FF6A2F;\n  --olo-black:#070707;\n  --olo-cream:#F2ECE4;\n  --olo-ink:#151515;\n  --olo-muted:#6E6E6E;\n  --olo-line:rgba(15,15,15,.13);\n  --olo-radius:24px;\n  --olo-max:1240px;\n}\n\n.olo-branding,\n.olo-branding *{box-sizing:border-box}\n\n.olo-branding{\n  width:100%;\n  overflow:hidden;\n  background:var(--olo-cream);\n  color:var(--olo-ink);\n  font-family:var(--e-global-typography-text-font-family,inherit);\n}\n\n.olo-branding h1,\n.olo-branding h2,\n.olo-branding h3{\n  margin:0;\n  color:inherit;\n  font-family:var(--e-global-typography-primary-font-family,inherit);\n  text-transform:uppercase;\n}\n\n.olo-branding p{margin:0;line-height:1.68}\n.olo-wrap{width:min(var(--olo-max),calc(100% - 48px));margin-inline:auto}\n\n.olo-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  margin-bottom:16px;\n  color:var(--olo-orange);\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n.olo-eyebrow:before{content:\"\";width:24px;height:2px;background:currentColor}\n\n.olo-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n  min-height:52px;\n  padding:0 24px;\n  border-radius:999px;\n  background:var(--olo-orange);\n  color:#fff !important;\n  text-decoration:none !important;\n  font-weight:800;\n  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;\n  box-shadow:0 15px 38px rgba(241,90,36,.20);\n}\n.olo-btn:hover{\n  transform:translateY(-2px);\n  background:var(--olo-orange2);\n  box-shadow:0 18px 42px rgba(241,90,36,.29);\n}\n.olo-btn svg{width:18px;height:18px}\n\n\/* HERO *\/\n.olo-hero{\n  position:relative;\n  isolation:isolate;\n  min-height:670px;\n  display:flex;\n  align-items:center;\n  color:#fff;\n  background:\n    radial-gradient(circle at 82% 38%,rgba(241,90,36,.22),transparent 27%),\n    linear-gradient(105deg,#050505 0%,#080808 55%,#120804 100%);\n}\n.olo-hero:before{\n  content:\"\";\n  position:absolute;inset:0;z-index:-1;\n  opacity:.34;\n  background:\n    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),\n    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);\n  background-size:54px 54px;\n  mask-image:linear-gradient(to right,black,transparent 72%);\n}\n.olo-hero-grid{\n  min-height:670px;\n  display:grid;\n  grid-template-columns:.88fr 1.12fr;\n  gap:54px;\n  align-items:center;\n}\n.olo-breadcrumb{\n  margin-bottom:24px;\n  color:rgba(255,255,255,.57);\n  font-size:12px;\n}\n.olo-breadcrumb b{color:var(--olo-orange)}\n.olo-hero h1{\n  max-width:650px;\n  color:#fff;\n  font-size:clamp(58px,6.6vw,102px);\n  line-height:.91;\n  letter-spacing:-.045em;\n}\n.olo-hero h1 span{display:block;color:var(--olo-orange)}\n.olo-hero-copy{\n  max-width:590px;\n  margin-top:25px !important;\n  color:rgba(255,255,255,.72);\n  font-size:16px;\n}\n.olo-hero-actions{margin-top:30px}\n.olo-hero-media{position:relative;min-height:515px}\n.olo-hero-media:before{\n  content:\"\";\n  position:absolute;\n  width:430px;height:430px;\n  right:4%;top:4%;\n  border-radius:50%;\n  background:var(--olo-orange);\n  filter:blur(75px);\n  opacity:.14;\n}\n.olo-hero-media img{\n  position:absolute;inset:0;z-index:1;\n  width:100%;height:100%;\n  object-fit:cover;\n  border-radius:30px;\n  border:1px solid rgba(255,255,255,.09);\n  box-shadow:0 35px 90px rgba(0,0,0,.44);\n}\n\n\/* MARQUEE *\/\n.olo-marquee{\n  position:relative;\n  overflow:hidden;\n  background:#090909;\n  border-top:1px solid rgba(241,90,36,.42);\n  border-bottom:1px solid rgba(241,90,36,.30);\n}\n.olo-marquee:after{\n  content:\"\";\n  position:absolute;\n  top:0;bottom:0;left:-25%;\n  width:25%;\n  background:linear-gradient(90deg,transparent,rgba(241,90,36,.12),transparent);\n  filter:blur(15px);\n  animation:oloGlow 7s linear infinite;\n  pointer-events:none;\n}\n@keyframes oloGlow{to{left:110%}}\n.olo-marquee-track{\n  display:flex;\n  width:max-content;\n  will-change:transform;\n  animation:oloTicker 28s linear infinite;\n}\n@keyframes oloTicker{to{transform:translateX(-50%)}}\n.olo-marquee-group{\n  display:flex;\n  align-items:center;\n  flex-shrink:0;\n  gap:27px;\n  padding:16px 27px 16px 0;\n}\n.olo-marquee-group span{\n  color:#fff;\n  font-family:var(--e-global-typography-primary-font-family,inherit);\n  font-size:21px;\n  line-height:1;\n  white-space:nowrap;\n  text-transform:uppercase;\n}\n.olo-marquee-group i{color:var(--olo-orange);font-size:14px;font-style:normal}\n\n\/* COMMON *\/\n.olo-section{padding:96px 0}\n.olo-light{background:var(--olo-cream);color:var(--olo-ink)}\n.olo-dark{background:var(--olo-black);color:#fff}\n.olo-title{\n  font-size:clamp(44px,5vw,76px);\n  line-height:.94;\n  letter-spacing:-.038em;\n}\n.olo-title strong{color:var(--olo-orange);font:inherit}\n.olo-grid-intro{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:76px;\n  align-items:start;\n}\n.olo-intro-copy{\n  max-width:590px;\n  color:#3d3d3d;\n  font-size:16px;\n}\n\n\/* OVERVIEW *\/\n.olo-overview-media{\n  position:relative;\n  min-height:470px;\n  margin-top:50px;\n  overflow:hidden;\n  border-radius:var(--olo-radius);\n  background:#111;\n}\n.olo-overview-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.olo-overview-card{\n  position:absolute;\n  right:26px;bottom:26px;\n  width:min(330px,calc(100% - 52px));\n  padding:22px;\n  border:1px solid rgba(255,255,255,.55);\n  border-radius:18px;\n  background:rgba(248,244,239,.92);\n  backdrop-filter:blur(16px);\n  box-shadow:0 20px 55px rgba(0,0,0,.17);\n}\n.olo-overview-card b{display:block;margin-bottom:6px;color:#111;font-size:16px}\n.olo-overview-card span{display:block;color:#6d6d6d;font-size:13px;line-height:1.5}\n\n\/* CAPABILITIES *\/\n.olo-cap-grid{\n  display:grid;\n  grid-template-columns:.82fr 1.18fr;\n  gap:72px;\n  align-items:start;\n}\n.olo-cap-visual{\n  position:relative;\n  min-height:340px;\n  margin-top:34px;\n  overflow:hidden;\n  border-radius:22px;\n}\n.olo-cap-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.olo-service-list{border-top:1px solid var(--olo-line)}\n.olo-service-row{\n  display:grid;\n  grid-template-columns:46px 1fr 44px;\n  gap:17px;\n  align-items:center;\n  min-height:104px;\n  padding:17px 4px;\n  border-bottom:1px solid var(--olo-line);\n  transition:.25s ease;\n}\n.olo-service-row:hover{padding-left:10px;border-color:rgba(241,90,36,.50)}\n.olo-service-no{color:var(--olo-orange);font-size:12px;font-weight:800}\n.olo-service-row h3{\n  margin-bottom:7px;\n  font-size:18px;\n  line-height:1.15;\n  letter-spacing:-.015em;\n  text-transform:none;\n}\n.olo-service-row p{\n  max-width:610px;\n  color:#6a6a6a;\n  font-size:13px;\n  line-height:1.52;\n}\n.olo-service-arrow{\n  width:38px;height:38px;\n  display:grid;place-items:center;\n  border:1px solid #cac4bd;\n  border-radius:50%;\n  color:#111;\n  font-size:17px;\n  transition:.25s ease;\n}\n.olo-service-row:hover .olo-service-arrow{\n  color:#fff;\n  border-color:var(--olo-orange);\n  background:var(--olo-orange);\n  transform:rotate(45deg);\n}\n\n\/* WHY OLO *\/\n.olo-why-grid{\n  display:grid;\n  grid-template-columns:.85fr 1.15fr;\n  gap:72px;\n  align-items:center;\n}\n.olo-dark .olo-title{color:#fff}\n.olo-why-visual{\n  position:relative;\n  min-height:260px;\n  margin-top:34px;\n  overflow:hidden;\n  border-radius:22px;\n}\n.olo-why-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}\n.olo-benefits{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:18px;\n}\n.olo-benefit{\n  padding:26px 24px;\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:18px;\n  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));\n  transition:.25s ease;\n}\n.olo-benefit:hover{\n  transform:translateY(-4px);\n  border-color:rgba(241,90,36,.35);\n  background:linear-gradient(180deg,rgba(241,90,36,.07),rgba(255,255,255,.01));\n}\n.olo-benefit small{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:42px;height:42px;\n  margin-bottom:22px;\n  border-radius:50%;\n  background:rgba(241,90,36,.12);\n  border:1px solid rgba(241,90,36,.28);\n  color:var(--olo-orange);\n  font-size:12px;\n  font-weight:800;\n}\n.olo-benefit h3{\n  margin-bottom:10px;\n  color:#fff !important;\n  font-size:20px;\n  line-height:1.15;\n  text-transform:none;\n}\n.olo-benefit p{\n  color:rgba(255,255,255,.68);\n  font-size:14px;\n  line-height:1.65;\n}\n\n\/* PROCESS *\/\n.olo-process-head{\n  display:grid;\n  grid-template-columns:1fr 360px;\n  gap:40px;\n  align-items:center;\n  margin-bottom:42px;\n}\n.olo-process-thumb{\n  position:relative;\n  min-height:180px;\n  overflow:hidden;\n  border-radius:22px;\n  border:1px solid rgba(0,0,0,.08);\n  box-shadow:0 18px 50px rgba(0,0,0,.08);\n}\n.olo-process-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.olo-process{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:20px;\n}\n.olo-step{\n  position:relative;\n  padding:26px 22px 24px;\n  background:#fff;\n  border:1px solid rgba(0,0,0,.08);\n  border-radius:20px;\n  box-shadow:0 12px 35px rgba(0,0,0,.04);\n  transition:.25s ease;\n}\n.olo-step:hover{\n  transform:translateY(-4px);\n  border-color:rgba(241,90,36,.28);\n  box-shadow:0 18px 40px rgba(241,90,36,.08);\n}\n.olo-step span{\n  display:grid;\n  place-items:center;\n  width:56px;height:56px;\n  margin-bottom:20px;\n  border-radius:16px;\n  background:rgba(241,90,36,.12);\n  color:var(--olo-orange);\n  font-size:13px;\n  font-weight:800;\n}\n.olo-step h3{\n  margin-bottom:8px;\n  color:#151515 !important;\n  font-size:20px;\n  text-transform:none;\n}\n.olo-step p{\n  color:#666;\n  font-size:14px;\n  line-height:1.65;\n}\n\n\/* OUR WORK *\/\n.olo-work-intro{\n  padding:90px 0 34px;\n  background:var(--olo-cream);\n}\n.olo-work-head{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:35px;\n}\n.olo-work-head a{\n  color:var(--olo-orange) !important;\n  text-decoration:none !important;\n  font-size:13px;\n  font-weight:800;\n}\n\n.olo-branding-case-studies{\n  background:var(--olo-cream) !important;\n  padding:0 0 92px !important;\n  margin:0 !important;\n}\n.olo-branding-case-studies .olo-shortcode-wrap{\n  width:min(var(--olo-max),calc(100% - 48px)) !important;\n  margin-inline:auto !important;\n}\n.olo-branding-case-studies h2,\n.olo-branding-case-studies h3,\n.olo-branding-case-studies .olo-case-title{\n  color:#151515 !important;\n  font-family:var(--e-global-typography-primary-font-family,inherit) !important;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1024px){\n  .olo-hero-grid,.olo-grid-intro,.olo-cap-grid,.olo-why-grid{grid-template-columns:1fr}\n  .olo-hero-grid{padding:68px 0}\n  .olo-hero-media{min-height:460px}\n  .olo-process-head{grid-template-columns:1fr}\n  .olo-process-thumb{max-width:500px}\n  .olo-process{grid-template-columns:repeat(2,1fr)}\n  .olo-benefits{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:767px){\n  .olo-wrap{width:min(var(--olo-max),calc(100% - 30px))}\n  .olo-section{padding:68px 0}\n  .olo-hero{min-height:auto}\n  .olo-hero-grid{min-height:auto;padding:52px 0 38px;gap:35px}\n  .olo-hero h1{font-size:56px}\n  .olo-hero-media{min-height:345px}\n  .olo-hero-media img{border-radius:22px}\n  .olo-marquee-group{gap:20px;padding-right:20px}\n  .olo-marquee-group span{font-size:18px}\n  .olo-title{font-size:44px}\n  .olo-overview-media{min-height:335px}\n  .olo-overview-card{right:16px;bottom:16px;width:calc(100% - 32px)}\n  .olo-cap-grid,.olo-why-grid{gap:42px}\n  .olo-benefits{grid-template-columns:1fr}\n  .olo-process{grid-template-columns:1fr}\n  .olo-work-head{align-items:flex-start;flex-direction:column}\n  .olo-branding-case-studies .olo-shortcode-wrap{width:calc(100% - 30px) !important}\n}\n@media(max-width:480px){\n  .olo-wrap{width:calc(100% - 24px)}\n  .olo-hero h1{font-size:46px}\n  .olo-title{font-size:38px}\n  .olo-hero-media{min-height:280px}\n  .olo-overview-media{min-height:280px}\n}\n<\/style>\n\n<div class=\"olo-branding\">\n\n  <section class=\"olo-hero\">\n    <div class=\"olo-wrap olo-hero-grid\">\n      <div>\n        <div class=\"olo-breadcrumb\">Home &nbsp; \/ &nbsp; Services &nbsp; \/ &nbsp; <b>Branding<\/b><\/div>\n        <div class=\"olo-eyebrow\">Branding<\/div>\n        <h1>BRANDS BUILT <span>TO BE REMEMBERED.<\/span><\/h1>\n        <p class=\"olo-hero-copy\">\n          A coherent visual identity that makes every customer touchpoint feel considered, recognisable and professional.\n        <\/p>\n        <div class=\"olo-hero-actions\">\n          <a href=\"\/newb\/contact\/\" class=\"olo-btn\">\n            Start Your Brand\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"olo-hero-media\">\n        <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-08_54_57-PM-5.png\" alt=\"OLO branding studio\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"olo-marquee\" aria-label=\"Branding services\">\n    <div class=\"olo-marquee-track\">\n      <div class=\"olo-marquee-group\">\n        <span>Logo Design<\/span><i>\u2726<\/i>\n        <span>Brand Identity<\/span><i>\u2726<\/i>\n        <span>Graphic Design<\/span><i>\u2726<\/i>\n        <span>Business Cards<\/span><i>\u2726<\/i>\n        <span>Stationery<\/span><i>\u2726<\/i>\n      <\/div>\n      <div class=\"olo-marquee-group\" aria-hidden=\"true\">\n        <span>Logo Design<\/span><i>\u2726<\/i>\n        <span>Brand Identity<\/span><i>\u2726<\/i>\n        <span>Graphic Design<\/span><i>\u2726<\/i>\n        <span>Business Cards<\/span><i>\u2726<\/i>\n        <span>Stationery<\/span><i>\u2726<\/i>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"olo-section olo-light\">\n    <div class=\"olo-wrap\">\n      <div class=\"olo-grid-intro\">\n        <div>\n          <div class=\"olo-eyebrow\">Service Overview<\/div>\n          <h2 class=\"olo-title\">MORE THAN A LOGO. <strong>A COMPLETE VISUAL SYSTEM.<\/strong><\/h2>\n        <\/div>\n        <p class=\"olo-intro-copy\">\n          Strong branding creates consistency before a customer reads a single line of copy. We shape the core visual system \u2014 logo, colour, typography, graphics and everyday brand materials \u2014 so the business feels joined-up wherever it appears.\n        <\/p>\n      <\/div>\n\n      <div class=\"olo-overview-media\">\n        <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-08_54_54-PM-4.png\" alt=\"Brand identity development\">\n        <div class=\"olo-overview-card\">\n          <b>Built for recognition and consistency.<\/b>\n          <span>One visual language designed to work across digital, print and everyday business communication.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"olo-section olo-light\" style=\"padding-top:8px\">\n    <div class=\"olo-wrap olo-cap-grid\">\n      <div>\n        <div class=\"olo-eyebrow\">Our Branding Services<\/div>\n        <h2 class=\"olo-title\">FROM FIRST IMPRESSION <strong>TO EVERY TOUCHPOINT.<\/strong><\/h2>\n        <div class=\"olo-cap-visual\">\n          <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-08_54_52-PM-3.png\" alt=\"OLO brand identity applications\">\n        <\/div>\n      <\/div>\n\n      <div class=\"olo-service-list\">\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">01<\/span>\n          <div>\n            <h3>Logo Design<\/h3>\n            <p>Distinctive logo systems designed for clarity, flexibility and confident use across different formats.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">02<\/span>\n          <div>\n            <h3>Brand Identity<\/h3>\n            <p>A connected visual system covering colour, typography, imagery, graphic language and practical brand rules.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">03<\/span>\n          <div>\n            <h3>Graphic Design<\/h3>\n            <p>Campaign, promotional and day-to-day visual assets created within a consistent brand direction.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">04<\/span>\n          <div>\n            <h3>Business Cards<\/h3>\n            <p>Professional cards designed to feel consistent with the wider identity and ready for production.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">05<\/span>\n          <div>\n            <h3>Stationery<\/h3>\n            <p>Letterheads, envelopes and core business materials that carry the identity into everyday communication.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"olo-section olo-dark\">\n    <div class=\"olo-wrap olo-why-grid\">\n      <div>\n        <div class=\"olo-eyebrow\">Why OLO<\/div>\n        <h2 class=\"olo-title\">NOT DECORATION. <strong>A BRAND SYSTEM BUILT TO WORK.<\/strong><\/h2>\n        <div class=\"olo-why-visual\">\n          <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-08_54_50-PM-2.png\" alt=\"OLO visual identity system\">\n        <\/div>\n      <\/div>\n\n      <div class=\"olo-benefits\">\n        <div class=\"olo-benefit\">\n          <small>01<\/small>\n          <h3>Built Around the Business<\/h3>\n          <p>The identity reflects your positioning, audience and the way the brand actually needs to be used.<\/p>\n        <\/div>\n        <div class=\"olo-benefit\">\n          <small>02<\/small>\n          <h3>Consistent Across Touchpoints<\/h3>\n          <p>Digital, print, presentations and everyday materials feel like one coherent brand rather than disconnected pieces.<\/p>\n        <\/div>\n        <div class=\"olo-benefit\">\n          <small>03<\/small>\n          <h3>Designed for Real Use<\/h3>\n          <p>Assets and rules are created with practical implementation in mind, not only presentation mockups.<\/p>\n        <\/div>\n        <div class=\"olo-benefit\">\n          <small>04<\/small>\n          <h3>Ready to Grow<\/h3>\n          <p>The visual system gives you a stronger base for future campaigns, content, products and customer communication.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"olo-section olo-light\">\n    <div class=\"olo-wrap\">\n      <div class=\"olo-process-head\">\n        <div>\n          <div class=\"olo-eyebrow\">Our Process<\/div>\n          <h2 class=\"olo-title\">FROM BRAND IDEA <strong>TO VISUAL SYSTEM.<\/strong><\/h2>\n        <\/div>\n        <div class=\"olo-process-thumb\">\n          <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-08_54_48-PM-1.png\" alt=\"Brand design process\">\n        <\/div>\n      <\/div>\n\n      <div class=\"olo-process\">\n        <div class=\"olo-step\">\n          <span>01<\/span>\n          <h3>Discover<\/h3>\n          <p>We understand the business, audience, positioning, existing visual assets and practical requirements.<\/p>\n        <\/div>\n        <div class=\"olo-step\">\n          <span>02<\/span>\n          <h3>Explore<\/h3>\n          <p>We develop visual directions, references and concepts that fit the personality and ambition of the brand.<\/p>\n        <\/div>\n        <div class=\"olo-step\">\n          <span>03<\/span>\n          <h3>Build<\/h3>\n          <p>We refine the chosen direction into a coherent identity across logo, colour, typography and applications.<\/p>\n        <\/div>\n        <div class=\"olo-step\">\n          <span>04<\/span>\n          <h3>Apply<\/h3>\n          <p>We prepare practical brand assets and materials so the identity is ready to use consistently.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"olo-work-intro\">\n    <div class=\"olo-wrap olo-work-head\">\n      <div>\n        <div class=\"olo-eyebrow\">Our Work<\/div>\n        <h2 class=\"olo-title\">SEE BRANDING <strong>IN ACTION.<\/strong><\/h2>\n      <\/div>\n      <a href=\"\/newb\/our-work\/\">View All Case Studies \u2197<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- Add this Elementor shortcode widget directly below:\n[olo_case_studies_grid limit=\"3\" columns=\"3\" type=\"branding\"]\n\nCSS class:\nolo-branding-case-studies\n\nThen add 02-branding-final-cta.html below it.\n-->\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b0133a olo-branding-case-studies elementor-widget elementor-widget-shortcode\" data-id=\"3b0133a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"olo-shortcode-wrap\"><div class=\"olo-case-grid olo-grid-cols-3\"><article class=\"olo-case-card\" data-case-types=\"branding\" data-case-url=\"https:\/\/testingserversite.online\/newb\/case-studies\/ember-house\/\" tabindex=\"0\" role=\"link\" aria-label=\"View case study: Brand Identity System\"><a class=\"olo-case-card-media\" href=\"https:\/\/testingserversite.online\/newb\/case-studies\/ember-house\/\" aria-label=\"View Brand Identity System\"><img class=\"olo-card-image\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/09\/Cinematic-Orange-Brand-Identity-Workspace-1024x576.png\" alt=\"\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><span class=\"olo-media-caption\">Explore project<\/span><span class=\"olo-case-arrow\">\u2197<\/span><\/a><div class=\"olo-case-card-copy\"><div class=\"olo-case-kicker\">Logo Design, Brand Identity, Graphic Design, Business Cards, Stationery<\/div><h3><a href=\"https:\/\/testingserversite.online\/newb\/case-studies\/ember-house\/\">Brand Identity System<\/a><\/h3><p class=\"olo-case-subtitle\">A complete visual identity designed to stay consistent across web, print and everyday business use.<\/p><div class=\"olo-card-footer\"><span>Lifestyle &amp; Consumer Brand<\/span><span>View case study <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div><\/div><\/article><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae014e0 elementor-widget elementor-widget-html\" data-id=\"ae014e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- OLO BRANDING SERVICE \u2014 FAQ + FINAL CTA -->\n<style>\n.olo-branding-tail,\n.olo-branding-tail *{box-sizing:border-box}\n.olo-branding-tail{\n  background:#F2ECE4;\n  color:#151515;\n  font-family:var(--e-global-typography-text-font-family,inherit);\n}\n.olo-branding-tail h2{\n  margin:0;\n  color:#151515 !important;\n  font-family:var(--e-global-typography-primary-font-family,inherit);\n  text-transform:uppercase;\n}\n.olo-branding-tail .olo-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}\n.olo-branding-tail .olo-eyebrow{\n  display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;\n  color:#F15A24;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase\n}\n.olo-branding-tail .olo-eyebrow:before{content:\"\";width:24px;height:2px;background:currentColor}\n.olo-branding-tail .olo-title{\n  font-size:clamp(44px,5vw,76px);line-height:.94;letter-spacing:-.038em\n}\n.olo-faq-section{padding:92px 0;background:#F2ECE4}\n.olo-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}\n.olo-faq{border-top:1px solid rgba(15,15,15,.13)}\n.olo-faq details{border-bottom:1px solid rgba(15,15,15,.13)}\n.olo-faq summary{\n  position:relative;padding:22px 50px 22px 0;cursor:pointer;list-style:none;\n  color:#171717;font-weight:700\n}\n.olo-faq summary::-webkit-details-marker{display:none}\n.olo-faq summary:after{\n  content:\"+\";position:absolute;right:5px;top:16px;color:#F15A24;font-size:26px;font-weight:400\n}\n.olo-faq details[open] summary:after{content:\"\u2212\"}\n.olo-faq details p{margin:0;padding:0 55px 22px 0;color:#6b6b6b;font-size:14px;line-height:1.65}\n.olo-final-cta{\n  position:relative;overflow:hidden;color:#fff;\n  background:radial-gradient(circle at 78% 44%,rgba(241,90,36,.34),transparent 32%),#060606\n}\n.olo-final-cta:after{\n  content:\"\";position:absolute;width:720px;height:270px;right:-130px;bottom:-140px;\n  border-radius:50%;border:54px solid rgba(241,90,36,.12);transform:rotate(-12deg)\n}\n.olo-cta-inner{\n  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;\n  gap:45px;padding:72px 0\n}\n.olo-cta-inner h2{\n  max-width:760px;color:#fff !important;font-size:clamp(46px,5.4vw,82px);line-height:.94;letter-spacing:-.04em\n}\n.olo-cta-inner p{margin:14px 0 0;color:rgba(255,255,255,.63);line-height:1.65}\n.olo-cta-btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;\n  border-radius:999px;background:#F15A24;color:#fff !important;text-decoration:none !important;\n  font-weight:800;white-space:nowrap;transition:.25s ease\n}\n.olo-cta-btn:hover{transform:translateY(-2px);background:#FF6A2F}\n@media(max-width:900px){\n  .olo-faq-layout{grid-template-columns:1fr}\n  .olo-cta-inner{align-items:flex-start;flex-direction:column}\n}\n@media(max-width:767px){\n  .olo-branding-tail .olo-wrap{width:calc(100% - 30px)}\n  .olo-faq-section{padding:68px 0}\n  .olo-branding-tail .olo-title{font-size:44px}\n}\n<\/style>\n\n<div class=\"olo-branding-tail\">\n  <section class=\"olo-faq-section\">\n    <div class=\"olo-wrap olo-faq-layout\">\n      <div>\n        <div class=\"olo-eyebrow\">FAQ<\/div>\n        <h2 class=\"olo-title\">COMMON<br>QUESTIONS<\/h2>\n      <\/div>\n\n      <div class=\"olo-faq\">\n        <details>\n          <summary>Do you only design logos?<\/summary>\n          <p>No. Logo design can be part of the project, but the stronger outcome is usually a complete identity system covering colour, typography, imagery, layout and practical brand applications.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Can you rebrand an existing business?<\/summary>\n          <p>Yes. We can refine or replace an existing identity while considering what should be retained, what is no longer working and how the new direction should be introduced.<\/p>\n        <\/details>\n\n        <details>\n          <summary>What files will I receive?<\/summary>\n          <p>Deliverables depend on scope, but brand projects can include appropriate logo formats, colour references, typography guidance, brand assets and production-ready files for agreed materials.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Can you design business cards and stationery too?<\/summary>\n          <p>Yes. Business cards, letterheads, envelopes and other core materials can be designed as part of the wider identity so they stay visually consistent.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Can the branding be used across web and social media?<\/summary>\n          <p>Yes. The identity is developed with multiple touchpoints in mind so the same visual language can work across websites, social media, presentations, print and future campaigns.<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"olo-final-cta\">\n    <div class=\"olo-wrap olo-cta-inner\">\n      <div>\n        <div class=\"olo-eyebrow\">Ready to build your brand?<\/div>\n        <h2>MAKE THE FIRST<br>IMPRESSION COUNT.<\/h2>\n        <p>Build a visual identity that looks consistent, professional and recognisably yours.<\/p>\n      <\/div>\n      <a href=\"\/newb\/contact\/\" class=\"olo-cta-btn\">Start a Conversation \u2192<\/a>\n    <\/div>\n  <\/section>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home &nbsp; \/ &nbsp; Services &nbsp; \/ &nbsp; Branding Branding BRANDS BUILT TO BE REMEMBERED. A coherent visual identity that makes every customer touchpoint feel considered, recognisable and professional. Start Your Brand Logo Design\u2726 Brand Identity\u2726 Graphic Design\u2726 Business Cards\u2726 Stationery\u2726 Logo Design\u2726 Brand Identity\u2726 Graphic Design\u2726 Business Cards\u2726 Stationery\u2726 Service Overview MORE THAN A [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-425","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/pages\/425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/comments?post=425"}],"version-history":[{"count":10,"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/pages\/425\/revisions"}],"predecessor-version":[{"id":462,"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/pages\/425\/revisions\/462"}],"wp:attachment":[{"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/media?parent=425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}