<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vehicle Branding &#8211; DSP</title>
	<atom:link href="https://dynamicsp.co.za/service-category/vehicle-branding/feed/" rel="self" type="application/rss+xml" />
	<link>https://dynamicsp.co.za</link>
	<description>Dynamic Signs and Print</description>
	<lastBuildDate>Wed, 19 Aug 2026 07:20:47 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://dynamicsp.co.za/wp-content/uploads/2023/12/DSP-Favicon.svg</url>
	<title>Vehicle Branding &#8211; DSP</title>
	<link>https://dynamicsp.co.za</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Vehicle Wrap</title>
		<link>https://dynamicsp.co.za/service/vehicle-wrap/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 01:17:20 +0000</pubDate>
				<guid isPermaLink="false">https://34609e326d14.xneelosites.com/?post_type=pbmit-service&#038;p=5550</guid>

					<description><![CDATA[Vehicle Branding &#38; Wraps · Springs, Gauteng Vehicle branding that turns working vehicles into visible business assets DSP helps businesses apply clear, professional branding to commercial vehicles and fleets, with in-house design and production support from artwork preparation through to the finished branded application. The result is a vehicle that continues representing the business wherever [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5550" class="elementor elementor-5550">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-18ae0c5 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="18ae0c5" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-19e6e09 pbmit-bg-color-over-image" data-id="19e6e09" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ac78bea elementor-widget elementor-widget-html" data-id="ac78bea" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP VEHICLE BRANDING PAGE — HERO
   ========================================================= */

.dsp-vehicle-hero,
.dsp-vehicle-hero * {
  box-sizing: border-box;
}

.dsp-vehicle-hero {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255, 255, 255, 0.72);
  --dsp-border: rgba(255, 255, 255, 0.14);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;

  width: 100%;
  overflow: hidden;

  padding:
    clamp(82px, 8vw, 130px)
    0
    clamp(72px, 7vw, 108px);

  background:
    radial-gradient(
      circle at 90% 14%,
      rgba(0, 174, 239, 0.14),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: var(--dsp-white);
}

.dsp-vehicle-hero::before {
  content: "";

  position: absolute;
  inset: 0 0 auto;

  height: 6px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33.33%,
      var(--dsp-magenta) 33.33% 66.66%,
      var(--dsp-yellow) 66.66% 100%
    );
}

.dsp-vehicle-hero__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, 0.78fr);

  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-vehicle-hero__content {
  min-width: 0;
  max-width: 850px;
}

.dsp-vehicle-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 18px;

  color: rgba(255, 255, 255, 0.76);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dsp-vehicle-hero__eyebrow::before {
  content: "";

  flex: 0 0 auto;

  width: 36px;
  height: 4px;

  border-radius: 99px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-hero h1 {
  max-width: 920px;
  margin: 0 0 25px;

  color: var(--dsp-white);

  font-family: inherit;
  font-size: clamp(46px, 5vw, 76px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -0.045em;
}

.dsp-vehicle-hero__intro {
  max-width: 760px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT POINTS
   ========================================================= */

.dsp-vehicle-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-vehicle-hero__points li {
  position: relative;

  color: rgba(255, 255, 255, 0.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-vehicle-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-vehicle-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-vehicle-hero__button {
  min-height: 54px;
  padding: 0 25px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  border: 1px solid transparent;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.dsp-vehicle-hero__button:hover,
.dsp-vehicle-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-vehicle-hero__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.38);
  outline-offset: 3px;
}

.dsp-vehicle-hero__button--primary {
  border-color: var(--dsp-yellow);

  background: var(--dsp-yellow);
  color: #171717;
}

.dsp-vehicle-hero__button--primary:hover,
.dsp-vehicle-hero__button--primary:focus-visible {
  border-color: var(--dsp-white);

  background: var(--dsp-white);
  color: #171717;
}

.dsp-vehicle-hero__button--secondary {
  border-color: rgba(255, 255, 255, 0.55);

  background: transparent;
  color: var(--dsp-white);
}

.dsp-vehicle-hero__button--secondary:hover,
.dsp-vehicle-hero__button--secondary:focus-visible {
  border-color: var(--dsp-white);

  background: rgba(255, 255, 255, 0.08);
  color: var(--dsp-white);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-vehicle-hero__visual {
  position: relative;
  min-width: 0;
}

.dsp-vehicle-hero__figure {
  position: relative;

  min-height: 540px;
  margin: 0;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 26px;

  background: #242426;

  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.25);
}

.dsp-vehicle-hero__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* Subtle lower treatment behind the image badge */

.dsp-vehicle-hero__figure::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 54%,
      rgba(0, 0, 0, 0.25) 100%
    );
}

/* =========================================================
   IMAGE BADGE
   ========================================================= */

.dsp-vehicle-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  z-index: 2;

  max-width: 260px;
  padding: 17px 19px;

  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 17px;

  background: rgba(23, 23, 24, 0.94);

  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.24);
}

.dsp-vehicle-hero__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dsp-vehicle-hero__badge-text {
  display: block;

  color: var(--dsp-white);

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .dsp-vehicle-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-vehicle-hero__visual {
    width: 100%;
    max-width: 820px;
  }

  .dsp-vehicle-hero__figure {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-vehicle-hero {
    padding: 72px 0 66px;
  }

  .dsp-vehicle-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-vehicle-hero h1 {
    font-size: clamp(40px, 11vw, 52px);
  }

  .dsp-vehicle-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-vehicle-hero__points {
    gap: 8px 20px;
  }

  .dsp-vehicle-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-vehicle-hero__button {
    width: 100%;
  }

  .dsp-vehicle-hero__figure {
    min-height: 0;
    aspect-ratio: 4 / 3;

    border-radius: 21px;
  }

  .dsp-vehicle-hero__figure img {
    object-position: center;
  }

  .dsp-vehicle-hero__badge {
    position: relative;
    left: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;

    border-radius: 16px;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .dsp-vehicle-hero__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-vehicle-hero"
  aria-labelledby="dsp-vehicle-hero-title">

  <div class="dsp-vehicle-hero__inner">

    <!-- CONTENT -->

    <div class="dsp-vehicle-hero__content">

      <div class="dsp-vehicle-hero__eyebrow">
        Vehicle Branding &amp; Wraps · Springs, Gauteng
      </div>

      <h1 id="dsp-vehicle-hero-title">
        Vehicle branding that turns working vehicles into visible business assets
      </h1>

      <p class="dsp-vehicle-hero__intro">
        DSP helps businesses apply clear, professional branding to commercial
        vehicles and fleets, with in-house design and production support from
        artwork preparation through to the finished branded application.
        The result is a vehicle that continues representing the business
        wherever the working day takes it.
      </p>

      <ul
        class="dsp-vehicle-hero__points"
        aria-label="DSP vehicle branding support">

        <li>Commercial vehicle branding</li>
        <li>Fleet branding</li>
        <li>In-house artwork support</li>
        <li>Printed vehicle graphics</li>

      </ul>

      <div class="dsp-vehicle-hero__actions">

        <a
          class="dsp-vehicle-hero__button dsp-vehicle-hero__button--primary"
          href="/contact-us/">

          Discuss Your Vehicle Branding
          <span aria-hidden="true">↗</span>

        </a>

        <a
          class="dsp-vehicle-hero__button dsp-vehicle-hero__button--secondary"
          href="#dsp-vehicle-options">

          Explore Branding Options
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>

    <!-- IMAGE -->

    <div class="dsp-vehicle-hero__visual">

      <figure class="dsp-vehicle-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-commercial-vehicle-branding.jpg"
          alt="Commercial vehicle with professionally printed business branding and graphics."
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </figure>

      <div class="dsp-vehicle-hero__badge">

        <span class="dsp-vehicle-hero__badge-label">
          Mobile brand visibility
        </span>

        <span class="dsp-vehicle-hero__badge-text">
          Design and production support for branded business vehicles and fleets.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-81d070a elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="81d070a" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8abbe23 pbmit-bg-color-over-image" data-id="8abbe23" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-acbd824 elementor-widget elementor-widget-html" data-id="acbd824" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP VEHICLE BRANDING PAGE — BRANDING OPTIONS
   ========================================================= */

.dsp-vehicle-options,
.dsp-vehicle-options * {
  box-sizing: border-box;
}

.dsp-vehicle-options {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --dsp-light: #f3f5f5;
  --dsp-white: #ffffff;
  --dsp-border: #dfe3e4;
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  width: 100%;
  padding: clamp(74px, 7vw, 110px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);

  scroll-margin-top: 30px;
}

.dsp-vehicle-options__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.dsp-vehicle-options__header {
  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-vehicle-options__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 15px;

  color: #565b5e;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-vehicle-options__eyebrow::before {
  content: "";

  width: 36px;
  height: 4px;

  border-radius: 99px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-options h2 {
  max-width: 800px;
  margin: 0;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(39px, 4vw, 60px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.038em;
}

.dsp-vehicle-options__intro {
  max-width: 590px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   GRID
   ========================================================= */

.dsp-vehicle-options__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}


/* =========================================================
   CARDS
   ========================================================= */

.dsp-vehicle-option {
  position: relative;

  min-height: 275px;
  padding: 28px 27px 26px;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 20px;

  background: #ffffff;

  box-shadow: 0 11px 30px rgba(24,28,31,.04);

  transition:
    transform 190ms ease,
    box-shadow 190ms ease,
    border-color 190ms ease;
}

.dsp-vehicle-option:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-vehicle-option::before {
  content: "";

  position: absolute;
  inset: 0 0 auto;

  height: 4px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-option__number {
  display: block;

  margin-bottom: 23px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-vehicle-option h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -.02em;
}

.dsp-vehicle-option p {
  flex: 1;

  margin: 0 0 19px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-vehicle-option__use {
  padding-top: 16px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-vehicle-option__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}


/* =========================================================
   GUIDANCE CTA
   ========================================================= */

.dsp-vehicle-options__footer {
  margin-top: 38px;
  padding: 30px 32px;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 36px;

  border-radius: 20px;

  background: var(--dsp-dark);
}

.dsp-vehicle-options__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-vehicle-options__footer-copy strong {
  color: #ffffff;
}

.dsp-vehicle-options__button {
  min-height: 51px;
  padding: 0 23px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  border-radius: 999px;

  background: var(--dsp-yellow);
  color: #171717;

  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .045em;

  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;

  transition:
    transform 180ms ease,
    background-color 180ms ease;
}

.dsp-vehicle-options__button:hover,
.dsp-vehicle-options__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-vehicle-options__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-vehicle-options__intro {
    margin-left: 0;
  }

  .dsp-vehicle-options__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-vehicle-options {
    padding: 64px 0;
  }

  .dsp-vehicle-options__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-vehicle-options__header {
    margin-bottom: 30px;
  }

  .dsp-vehicle-options h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-vehicle-options__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-vehicle-options__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-vehicle-option {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-vehicle-options__footer {
    grid-template-columns: 1fr;

    padding: 26px 22px;
  }

  .dsp-vehicle-options__button {
    width: 100%;
  }

}
</style>


<section
  class="dsp-vehicle-options"
  id="dsp-vehicle-options"
  aria-labelledby="dsp-vehicle-options-title">

  <div class="dsp-vehicle-options__inner">


    <!-- HEADER -->

    <header class="dsp-vehicle-options__header">

      <div>

        <div class="dsp-vehicle-options__eyebrow">
          Vehicle branding options
        </div>

        <h2 id="dsp-vehicle-options-title">
          Branding can be scaled to suit the vehicle, fleet and business objective
        </h2>

      </div>


      <p class="dsp-vehicle-options__intro">
        Not every business vehicle needs the same level of coverage. Some
        requirements are primarily about clear identification, while others
        use more extensive graphics to create stronger visual impact.
        DSP can help match the artwork and branding approach to the vehicle
        and the way it is used.
      </p>

    </header>


    <!-- OPTIONS GRID -->

    <div class="dsp-vehicle-options__grid">


      <!-- 01 -->

      <article class="dsp-vehicle-option">

        <span class="dsp-vehicle-option__number">
          01
        </span>

        <h3>
          Business identification graphics
        </h3>

        <p>
          A straightforward approach for vehicles that need to clearly display
          the business name, logo and essential contact or service information.
        </p>

        <div class="dsp-vehicle-option__use">
          <strong>Well suited to:</strong>
          service vehicles, bakkies, vans and everyday business transport
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-vehicle-option">

        <span class="dsp-vehicle-option__number">
          02
        </span>

        <h3>
          Partial vehicle branding
        </h3>

        <p>
          Branded graphics can be applied across selected areas of the vehicle
          to create stronger visual impact while retaining areas of the
          original vehicle finish.
        </p>

        <div class="dsp-vehicle-option__use">
          <strong>Well suited to:</strong>
          businesses wanting greater visibility without extensive coverage
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-vehicle-option">

        <span class="dsp-vehicle-option__number">
          03
        </span>

        <h3>
          Full vehicle wraps
        </h3>

        <p>
          More extensive graphic coverage can transform the visual appearance
          of the vehicle and create a strong mobile brand presence.
        </p>

        <div class="dsp-vehicle-option__use">
          <strong>Well suited to:</strong>
          high-visibility branded vehicles and stronger visual campaigns
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-vehicle-option">

        <span class="dsp-vehicle-option__number">
          04
        </span>

        <h3>
          Fleet branding
        </h3>

        <p>
          A consistent branding system can be adapted across multiple vehicles
          so that the fleet presents a recognisable business identity while
          accounting for different vehicle shapes and sizes.
        </p>

        <div class="dsp-vehicle-option__use">
          <strong>Well suited to:</strong>
          logistics, service, sales and operational fleets
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-vehicle-option">

        <span class="dsp-vehicle-option__number">
          05
        </span>

        <h3>
          Existing artwork adapted to the vehicle
        </h3>

        <p>
          Brand artwork created for brochures, signage or digital use often
          needs to be reworked before it fits the proportions and viewing
          surfaces of a vehicle effectively.
        </p>

        <div class="dsp-vehicle-option__use">
          <strong>Well suited to:</strong>
          established brands with existing logos and marketing artwork
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-vehicle-option">

        <span class="dsp-vehicle-option__number">
          06
        </span>

        <h3>
          New vehicle branding layouts
        </h3>

        <p>
          Where no production-ready layout exists, DSP's in-house design
          support can help develop a practical vehicle branding concept around
          the business identity, vehicle shape and key information.
        </p>

        <div class="dsp-vehicle-option__use">
          <strong>Well suited to:</strong>
          new vehicles, growing fleets and businesses branding vehicles for the first time
        </div>

      </article>


    </div>


    <!-- GUIDANCE -->

    <div class="dsp-vehicle-options__footer">

      <p class="dsp-vehicle-options__footer-copy">
        <strong>Not sure how much branding your vehicle needs?</strong>
        Send DSP the vehicle make and model, photographs of the vehicle,
        available logos or artwork and an indication of the information you
        want displayed. The team can help assess a practical branding approach.
      </p>


      <a
        class="dsp-vehicle-options__button"
        href="/contact-us/">

        Discuss Your Vehicle
        <span aria-hidden="true">↗</span>

      </a>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-4c5d493 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="4c5d493" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-00a2a87 pbmit-bg-color-over-image" data-id="00a2a87" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-eb79f24 elementor-widget elementor-widget-html" data-id="eb79f24" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP VEHICLE BRANDING PAGE — ARTWORK & LAYOUT
   ========================================================= */

.dsp-vehicle-artwork,
.dsp-vehicle-artwork * {
  box-sizing: border-box;
}

.dsp-vehicle-artwork {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --dsp-light: #ffffff;
  --dsp-soft: #f3f5f5;
  --dsp-border: #dfe3e4;
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  width: 100%;
  padding: clamp(72px, 6.5vw, 102px) 0;

  background: #ffffff;
  color: var(--dsp-text);
}

.dsp-vehicle-artwork__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-vehicle-artwork__header {
  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-vehicle-artwork__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 15px;

  color: #565b5e;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-vehicle-artwork__eyebrow::before {
  content: "";

  width: 36px;
  height: 4px;

  border-radius: 99px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-artwork h2 {
  max-width: 810px;
  margin: 0;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(38px, 3.9vw, 58px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.038em;
}

.dsp-vehicle-artwork__intro {
  max-width: 600px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-vehicle-artwork__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  border-top: 1px solid var(--dsp-border);
  border-left: 1px solid var(--dsp-border);
}

.dsp-vehicle-artwork__item {
  min-height: 220px;
  padding: 28px 25px;

  background: var(--dsp-soft);

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-vehicle-artwork__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-magenta);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-vehicle-artwork__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-vehicle-artwork__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-vehicle-artwork__callout {
  margin-top: 34px;
  padding: 30px 32px;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 34px;

  border-radius: 20px;

  background: var(--dsp-dark);
}

.dsp-vehicle-artwork__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-vehicle-artwork__callout-copy strong {
  color: #ffffff;
}

.dsp-vehicle-artwork__button {
  min-height: 51px;
  padding: 0 23px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  border-radius: 999px;

  background: var(--dsp-yellow);
  color: #171717;

  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .045em;

  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;

  transition:
    transform 180ms ease,
    background-color 180ms ease;
}

.dsp-vehicle-artwork__button:hover,
.dsp-vehicle-artwork__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-vehicle-artwork__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-vehicle-artwork__intro {
    margin-left: 0;
  }

  .dsp-vehicle-artwork__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-vehicle-artwork {
    padding: 62px 0;
  }

  .dsp-vehicle-artwork__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-vehicle-artwork__header {
    margin-bottom: 28px;
  }

  .dsp-vehicle-artwork h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-vehicle-artwork__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-vehicle-artwork__grid {
    grid-template-columns: 1fr;
  }

  .dsp-vehicle-artwork__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-vehicle-artwork__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-vehicle-artwork__button {
    width: 100%;
  }

}
</style>


<section
  class="dsp-vehicle-artwork"
  aria-labelledby="dsp-vehicle-artwork-title">

  <div class="dsp-vehicle-artwork__inner">


    <!-- HEADER -->

    <header class="dsp-vehicle-artwork__header">

      <div>

        <div class="dsp-vehicle-artwork__eyebrow">
          Artwork for vehicle branding
        </div>

        <h2 id="dsp-vehicle-artwork-title">
          Vehicle graphics need to work with the shape of the vehicle
        </h2>

      </div>


      <p class="dsp-vehicle-artwork__intro">
        A vehicle is not a flat advertising surface. Doors, panels, windows,
        curves and viewing angles all influence where branding should sit and
        how easily the information can be read. DSP's in-house design support
        can help adapt the artwork around the actual vehicle.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-vehicle-artwork__grid">


      <!-- 01 -->

      <article class="dsp-vehicle-artwork__item">

        <span class="dsp-vehicle-artwork__number">
          01
        </span>

        <h3>
          Vehicle shape and proportions
        </h3>

        <p>
          The layout needs to account for the actual length, height and usable
          branding surfaces of the specific vehicle rather than treating every
          model the same.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-vehicle-artwork__item">

        <span class="dsp-vehicle-artwork__number">
          02
        </span>

        <h3>
          Panels and body features
        </h3>

        <p>
          Doors, handles, seams, wheel arches and other vehicle features need
          to be considered so important artwork is not positioned awkwardly
          across practical or moving parts.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-vehicle-artwork__item">

        <span class="dsp-vehicle-artwork__number">
          03
        </span>

        <h3>
          Viewing angles
        </h3>

        <p>
          Vehicle branding may be seen from the side, front, rear or at an
          angle, so the layout should keep the most important brand information
          visible from useful viewpoints.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-vehicle-artwork__item">

        <span class="dsp-vehicle-artwork__number">
          04
        </span>

        <h3>
          Clear information hierarchy
        </h3>

        <p>
          The business name, logo and essential contact or service information
          should remain easy to recognise without overcrowding the vehicle with
          too much copy.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-vehicle-artwork__item">

        <span class="dsp-vehicle-artwork__number">
          05
        </span>

        <h3>
          Brand consistency
        </h3>

        <p>
          Colours, logos and visual elements should remain consistent with the
          wider business identity while being adapted for the much larger and
          less predictable shape of a vehicle.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-vehicle-artwork__item">

        <span class="dsp-vehicle-artwork__number">
          06
        </span>

        <h3>
          Fleet adaptability
        </h3>

        <p>
          Where several vehicle models are involved, the branding system should
          be adaptable so the fleet still looks connected even when body shapes
          and available branding areas differ.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-vehicle-artwork__callout">

      <p class="dsp-vehicle-artwork__callout-copy">
        <strong>Already have an existing brand layout?</strong>
        Send DSP your logo files, brand artwork and details of the vehicle or
        vehicles involved. The design team can assess how the artwork should
        be adapted for the intended application.
      </p>


      <a
        class="dsp-vehicle-artwork__button"
        href="/contact-us/">

        Discuss Your Artwork
        <span aria-hidden="true">↗</span>

      </a>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-eac2227 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="eac2227" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e04db8b pbmit-bg-color-over-image" data-id="e04db8b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ab18a60 elementor-widget elementor-widget-html" data-id="ab18a60" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP VEHICLE BRANDING PAGE — PRODUCTION PROCESS
   ========================================================= */

.dsp-vehicle-process,
.dsp-vehicle-process * {
  box-sizing: border-box;
}

.dsp-vehicle-process {
  --dsp-dark: #181819;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --dsp-light: #f3f5f5;
  --dsp-white: #ffffff;
  --dsp-border: #dfe3e4;
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  width: 100%;
  padding: clamp(76px, 7vw, 112px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-vehicle-process__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(420px, 0.9fr)
    minmax(0, 1.1fr);

  align-items: center;
  gap: clamp(52px, 7vw, 105px);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-vehicle-process__visual {
  position: relative;
  min-width: 0;
}

.dsp-vehicle-process__figure {
  position: relative;

  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 24px;

  background: #e4e7e8;

  box-shadow: 0 20px 48px rgba(24, 28, 31, 0.08);
}

.dsp-vehicle-process__figure img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   IMAGE BADGE
   ========================================================= */

.dsp-vehicle-process__badge {
  position: absolute;
  right: -22px;
  bottom: 28px;

  z-index: 2;

  max-width: 265px;
  padding: 18px 20px;

  border-radius: 18px;

  background: var(--dsp-dark);
  color: var(--dsp-white);

  box-shadow: 0 17px 38px rgba(24, 28, 31, 0.18);
}

.dsp-vehicle-process__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dsp-vehicle-process__badge-text {
  display: block;

  color: var(--dsp-white);

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-vehicle-process__content {
  min-width: 0;
  max-width: 700px;
}

.dsp-vehicle-process__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 17px;

  color: #565b5e;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dsp-vehicle-process__eyebrow::before {
  content: "";

  flex: 0 0 auto;

  width: 36px;
  height: 4px;

  border-radius: 99px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-process h2 {
  max-width: 700px;
  margin: 0 0 23px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(39px, 4vw, 60px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.dsp-vehicle-process__intro {
  max-width: 670px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   STEPS
   ========================================================= */

.dsp-vehicle-process__steps {
  margin: 0;
  padding: 0;

  list-style: none;

  border-top: 1px solid var(--dsp-border);
}

.dsp-vehicle-process__step {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 18px;

  padding: 20px 0;

  border-bottom: 1px solid var(--dsp-border);
}

.dsp-vehicle-process__step-number {
  width: 38px;
  height: 38px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background: var(--dsp-dark);
  color: var(--dsp-yellow);

  font-size: 10px;
  font-weight: 800;
}

.dsp-vehicle-process__step h3 {
  margin: 0 0 6px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.dsp-vehicle-process__step p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   CTA
   ========================================================= */

.dsp-vehicle-process__actions {
  margin-top: 32px;

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-vehicle-process__button {
  min-height: 52px;
  padding: 0 24px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  border-radius: 999px;

  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

.dsp-vehicle-process__button:hover,
.dsp-vehicle-process__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-vehicle-process__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.35);
  outline-offset: 3px;
}

.dsp-vehicle-process__button--primary {
  border: 1px solid var(--dsp-dark);

  background: var(--dsp-dark);
  color: var(--dsp-white);
}

.dsp-vehicle-process__button--primary:hover,
.dsp-vehicle-process__button--primary:focus-visible {
  border-color: var(--dsp-cyan);

  background: var(--dsp-cyan);
  color: var(--dsp-white);
}

.dsp-vehicle-process__button--secondary {
  border: 1px solid var(--dsp-dark);

  background: transparent;
  color: var(--dsp-dark);
}

.dsp-vehicle-process__button--secondary:hover,
.dsp-vehicle-process__button--secondary:focus-visible {
  background: var(--dsp-white);
  color: var(--dsp-dark);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
  .dsp-vehicle-process__inner {
    grid-template-columns: 1fr;
  }

  .dsp-vehicle-process__visual {
    width: 100%;
    max-width: 700px;
  }

  .dsp-vehicle-process__content {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-vehicle-process {
    padding: 64px 0;
  }

  .dsp-vehicle-process__inner {
    width: min(100% - 30px, 600px);
    gap: 38px;
  }

  .dsp-vehicle-process__figure {
    aspect-ratio: 1 / 1;
    border-radius: 20px;
  }

  .dsp-vehicle-process__badge {
    position: relative;
    right: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;

    border-radius: 16px;
  }

  .dsp-vehicle-process h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-vehicle-process__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-vehicle-process__step {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
  }

  .dsp-vehicle-process__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-vehicle-process__button {
    width: 100%;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .dsp-vehicle-process__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-vehicle-process"
  aria-labelledby="dsp-vehicle-process-title">

  <div class="dsp-vehicle-process__inner">

    <!-- IMAGE -->

    <div class="dsp-vehicle-process__visual">

      <figure class="dsp-vehicle-process__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-vehicle-wrap-installation-process-square.jpg"
          alt="Two technicians positioning a large printed vinyl wrap on a commercial vehicle during the vehicle-branding process."
          width="1254"
          height="1254"
          loading="lazy"
          decoding="async">

      </figure>

      <div class="dsp-vehicle-process__badge">

        <span class="dsp-vehicle-process__badge-label">
          From artwork to application
        </span>

        <span class="dsp-vehicle-process__badge-text">
          Vehicle-specific layout, print production and practical branding support under one roof.
        </span>

      </div>

    </div>

    <!-- CONTENT -->

    <div class="dsp-vehicle-process__content">

      <div class="dsp-vehicle-process__eyebrow">
        Vehicle branding process
      </div>

      <h2 id="dsp-vehicle-process-title">
        A practical route from vehicle brief to finished branding
      </h2>

      <p class="dsp-vehicle-process__intro">
        Vehicle branding brings design, print production and physical
        application together. DSP can help work through the vehicle details,
        artwork and branding approach before the graphics move into production
        and final application.
      </p>

      <ol class="dsp-vehicle-process__steps">

        <li class="dsp-vehicle-process__step">

          <span
            class="dsp-vehicle-process__step-number"
            aria-hidden="true">
            01
          </span>

          <div>
            <h3>Confirm the vehicle and branding requirement</h3>

            <p>
              Start with the vehicle make and model, the number of vehicles
              involved, available photographs and the level of branding or
              information that needs to be displayed.
            </p>
          </div>

        </li>

        <li class="dsp-vehicle-process__step">

          <span
            class="dsp-vehicle-process__step-number"
            aria-hidden="true">
            02
          </span>

          <div>
            <h3>Prepare the vehicle-specific layout</h3>

            <p>
              Existing artwork can be adapted or a new layout prepared around
              the usable surfaces, proportions and viewing angles of the
              specific vehicle.
            </p>
          </div>

        </li>

        <li class="dsp-vehicle-process__step">

          <span
            class="dsp-vehicle-process__step-number"
            aria-hidden="true">
            03
          </span>

          <div>
            <h3>Produce the approved graphics</h3>

            <p>
              Once the artwork and coverage are approved, the branding
              graphics can move into production according to the requirements
              of the final vehicle application.
            </p>
          </div>

        </li>

        <li class="dsp-vehicle-process__step">

          <span
            class="dsp-vehicle-process__step-number"
            aria-hidden="true">
            04
          </span>

          <div>
            <h3>Prepare for application</h3>

            <p>
              The vehicle and produced graphics are prepared for the intended
              application so that the branding can be positioned accurately
              around the relevant panels and body features.
            </p>
          </div>

        </li>

        <li class="dsp-vehicle-process__step">

          <span
            class="dsp-vehicle-process__step-number"
            aria-hidden="true">
            05
          </span>

          <div>
            <h3>Apply and finish the branding</h3>

            <p>
              The graphics are applied and finished for the approved branding
              layout, with the completed vehicle checked as a complete visual
              application rather than as separate graphic elements.
            </p>
          </div>

        </li>

      </ol>

      <!-- CTA -->

      <div class="dsp-vehicle-process__actions">

        <a
          class="dsp-vehicle-process__button dsp-vehicle-process__button--primary"
          href="/contact-us/">

          Discuss Your Vehicle
          <span aria-hidden="true">↗</span>

        </a>

        <a
          class="dsp-vehicle-process__button dsp-vehicle-process__button--secondary"
          href="/service/in-house-design/">

          In-House Design Support
          <span aria-hidden="true">↗</span>

        </a>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-20e88d7 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="20e88d7" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7477a31 pbmit-bg-color-over-image" data-id="7477a31" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7edd67b elementor-widget elementor-widget-html" data-id="7edd67b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP VEHICLE BRANDING PAGE — REAL WORK / PROOF
   ========================================================= */

.dsp-vehicle-proof,
.dsp-vehicle-proof * {
  box-sizing: border-box;
}

.dsp-vehicle-proof {
  --dsp-dark: #181819;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --dsp-border: #dfe3e4;
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  width: 100%;
  padding: clamp(74px, 7vw, 108px) 0;

  background: #ffffff;
  color: var(--dsp-text);
}

.dsp-vehicle-proof__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-vehicle-proof__header {
  display: grid;
  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(360px, 0.65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-vehicle-proof__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 15px;

  color: #565b5e;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dsp-vehicle-proof__eyebrow::before {
  content: "";

  flex: 0 0 auto;

  width: 36px;
  height: 4px;

  border-radius: 99px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-proof h2 {
  max-width: 790px;
  margin: 0;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(38px, 3.9vw, 58px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.038em;
}

.dsp-vehicle-proof__intro {
  max-width: 590px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GALLERY
   ========================================================= */

.dsp-vehicle-proof__grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.4fr)
    minmax(320px, 0.8fr);

  grid-template-rows:
    repeat(2, minmax(0, 1fr));

  gap: 18px;
}

.dsp-vehicle-proof__card {
  position: relative;

  min-width: 0;
  margin: 0;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 22px;

  background: #e5e8e9;

  box-shadow:
    0 16px 38px rgba(24, 28, 31, 0.08);
}

.dsp-vehicle-proof__card--main {
  grid-row: 1 / 3;
  min-height: 610px;
}

.dsp-vehicle-proof__card--small {
  min-height: 295px;
}

/* =========================================================
   IMAGES
   ========================================================= */

.dsp-vehicle-proof__card img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

.dsp-vehicle-proof__card::after {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 1;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 40%,
      rgba(0, 0, 0, 0.76) 100%
    );
}

/* =========================================================
   CAPTIONS
   ========================================================= */

.dsp-vehicle-proof__caption {
  position: absolute;
  z-index: 2;

  left: 23px;
  right: 23px;
  bottom: 21px;
}

.dsp-vehicle-proof__label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dsp-vehicle-proof__title {
  display: block;

  color: #ffffff;

  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.dsp-vehicle-proof__card--main
.dsp-vehicle-proof__title {
  max-width: 580px;

  font-size: clamp(21px, 2vw, 29px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-vehicle-proof__footer {
  margin-top: 36px;
  padding-top: 28px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  border-top: 1px solid var(--dsp-border);
}

.dsp-vehicle-proof__footer-copy {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-vehicle-proof__button {
  min-height: 51px;
  padding: 0 23px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  border-radius: 999px;

  background: var(--dsp-dark);
  color: #ffffff;

  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease;
}

.dsp-vehicle-proof__button:hover,
.dsp-vehicle-proof__button:focus-visible {
  transform: translateY(-2px);

  background: var(--dsp-cyan);
  color: #ffffff;

  text-decoration: none;
}

.dsp-vehicle-proof__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.35);
  outline-offset: 3px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
  .dsp-vehicle-proof__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-vehicle-proof__intro {
    margin-left: 0;
  }

  .dsp-vehicle-proof__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    grid-template-rows: auto;
  }

  .dsp-vehicle-proof__card--main {
    grid-column: 1 / 3;
    grid-row: auto;

    min-height: 500px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-vehicle-proof {
    padding: 64px 0;
  }

  .dsp-vehicle-proof__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-vehicle-proof__header {
    margin-bottom: 28px;
  }

  .dsp-vehicle-proof h2 {
    font-size: clamp(35px, 10vw, 46px);
  }

  .dsp-vehicle-proof__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-vehicle-proof__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-vehicle-proof__card--main,
  .dsp-vehicle-proof__card--small {
    grid-column: auto;
    grid-row: auto;

    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .dsp-vehicle-proof__caption {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }

  .dsp-vehicle-proof__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .dsp-vehicle-proof__button {
    width: 100%;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .dsp-vehicle-proof__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-vehicle-proof"
  aria-labelledby="dsp-vehicle-proof-title">

  <div class="dsp-vehicle-proof__inner">

    <!-- HEADER -->

    <header class="dsp-vehicle-proof__header">

      <div>

        <div class="dsp-vehicle-proof__eyebrow">
          Branded vehicles in practice
        </div>

        <h2 id="dsp-vehicle-proof-title">
          Vehicle branding built to be seen in the real world
        </h2>

      </div>

      <p class="dsp-vehicle-proof__intro">
        Real project photography shows how vehicle-specific artwork, print
        production and application come together across different commercial
        vehicles and branding requirements.
      </p>

    </header>

    <!-- GALLERY -->

    <div class="dsp-vehicle-proof__grid">

      <!-- MAIN: BRUTES FLEET -->

      <figure
        class="dsp-vehicle-proof__card
               dsp-vehicle-proof__card--main">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-brutes-fleet-vehicle-branding.jpg"
          alt="Brutes commercial vehicles displaying coordinated fleet branding."
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-vehicle-proof__caption">

          <span class="dsp-vehicle-proof__label">
            Fleet vehicle branding
          </span>

          <span class="dsp-vehicle-proof__title">
            Coordinated vehicle graphics that create consistent brand visibility across a working fleet
          </span>

        </figcaption>

      </figure>

      <!-- SUPPORTING: ALL INDUSTRIAL SUPPLY -->

      <figure
        class="dsp-vehicle-proof__card
               dsp-vehicle-proof__card--small">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-all-industrial-supply-vehicle-branding.jpg"
          alt="All Industrial Supply vehicle with professional commercial branding."
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-vehicle-proof__caption">

          <span class="dsp-vehicle-proof__label">
            Commercial vehicle branding
          </span>

          <span class="dsp-vehicle-proof__title">
            Vehicle-specific graphics for clear business identification
          </span>

        </figcaption>

      </figure>

      <!-- SUPPORTING: ANP RUBBERISING -->

      <figure
        class="dsp-vehicle-proof__card
               dsp-vehicle-proof__card--small">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-vehicle-branding-anp-rubberising-van.jpg"
          alt="ANP Rubberising van with printed commercial vehicle branding."
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-vehicle-proof__caption">

          <span class="dsp-vehicle-proof__label">
            Branded business van
          </span>

          <span class="dsp-vehicle-proof__title">
            Business branding that remains visible beyond a fixed location
          </span>

        </figcaption>

      </figure>

    </div>

    <!-- FOOTER -->

    <footer class="dsp-vehicle-proof__footer">

      <p class="dsp-vehicle-proof__footer-copy">
        Planning vehicle branding for one vehicle or a broader fleet?
        Send DSP the vehicle details, photographs and available brand artwork
        so the team can help assess the design and production requirements.
      </p>

      <a
        class="dsp-vehicle-proof__button"
        href="/our-work/">

        View More Work
        <span aria-hidden="true">↗</span>

      </a>

    </footer>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-b676419 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="b676419" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d8b12f8 pbmit-bg-color-over-image" data-id="d8b12f8" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-eac2b01 elementor-widget elementor-widget-html" data-id="eac2b01" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP VEHICLE BRANDING PAGE — RELATED SERVICES
   ========================================================= */

.dsp-vehicle-related,
.dsp-vehicle-related * {
  box-sizing: border-box;
}

.dsp-vehicle-related {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --dsp-light: #f3f5f5;
  --dsp-border: #dfe3e4;
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  width: 100%;
  padding: clamp(68px, 6vw, 96px) 0;
  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-vehicle-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* Header */

.dsp-vehicle-related__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-vehicle-related__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 15px;
  color: #565b5e;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-vehicle-related__eyebrow::before {
  content: "";
  width: 36px;
  height: 4px;
  border-radius: 99px;
  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-related h2 {
  max-width: 800px;
  margin: 0 0 18px;
  color: var(--dsp-dark);
  font-family: inherit;
  font-size: clamp(37px, 3.8vw, 56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.038em;
}

.dsp-vehicle-related__intro {
  max-width: 760px;
  margin: 0;
  color: var(--dsp-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* Grid */

.dsp-vehicle-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* Cards */

.dsp-vehicle-related-card {
  position: relative;
  min-height: 235px;
  padding: 27px 25px 25px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--dsp-border);
  border-radius: 19px;
  background: #ffffff;
  color: var(--dsp-text);
  text-decoration: none;
  box-shadow: 0 10px 27px rgba(24,28,31,.04);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

.dsp-vehicle-related-card:hover,
.dsp-vehicle-related-card:focus-visible {
  transform: translateY(-4px);
  border-color: #cbd0d2;
  box-shadow: 0 18px 36px rgba(24,28,31,.09);
  color: var(--dsp-text);
  text-decoration: none;
}

.dsp-vehicle-related-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-related-card__label {
  display: block;
  margin-bottom: 22px;
  color: #969b9e;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dsp-vehicle-related-card h3 {
  margin: 0 0 10px;
  color: var(--dsp-dark);
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.018em;
}

.dsp-vehicle-related-card p {
  flex: 1;
  margin: 0 0 20px;
  color: var(--dsp-muted);
  font-size: 13px;
  line-height: 1.6;
}

.dsp-vehicle-related-card__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--dsp-border);
  color: var(--dsp-dark);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.dsp-vehicle-related-card__arrow {
  font-size: 15px;
  transition: transform 180ms ease;
}

.dsp-vehicle-related-card:hover .dsp-vehicle-related-card__arrow,
.dsp-vehicle-related-card:focus-visible .dsp-vehicle-related-card__arrow {
  transform: translate(3px, -2px);
}

/* Footer */

.dsp-vehicle-related__footer {
  margin-top: 29px;
  padding-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-top: 1px solid var(--dsp-border);
}

.dsp-vehicle-related__footer p {
  max-width: 700px;
  margin: 0;
  color: var(--dsp-muted);
  font-size: 13px;
  line-height: 1.6;
}

.dsp-vehicle-related__all-services {
  color: var(--dsp-dark);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .045em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.dsp-vehicle-related__all-services:hover,
.dsp-vehicle-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* Tablet */

@media (max-width: 1050px) {
  .dsp-vehicle-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */

@media (max-width: 767px) {

  .dsp-vehicle-related {
    padding: 60px 0;
  }

  .dsp-vehicle-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-vehicle-related__header {
    margin-bottom: 28px;
  }

  .dsp-vehicle-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-vehicle-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-vehicle-related-card {
    min-height: auto;
  }

  .dsp-vehicle-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-vehicle-related"
  aria-labelledby="dsp-vehicle-related-title">

  <div class="dsp-vehicle-related__inner">


    <header class="dsp-vehicle-related__header">

      <div class="dsp-vehicle-related__eyebrow">
        Related production services
      </div>

      <h2 id="dsp-vehicle-related-title">
        Other services that can support business and fleet visibility
      </h2>

      <p class="dsp-vehicle-related__intro">
        Vehicle branding often forms part of a broader business visibility
        requirement. These DSP services can support signage, printed graphics,
        flexible branding applications and artwork preparation alongside
        vehicle graphics.
      </p>

    </header>


    <div class="dsp-vehicle-related__grid">


      <!-- WIDE FORMAT -->

      <a
        class="dsp-vehicle-related-card"
        href="/service/wide-format-printing/">

        <span class="dsp-vehicle-related-card__label">
          Print production
        </span>

        <h3>
          Wide Format Printing
        </h3>

        <p>
          Large-format printed graphics for signage, displays, campaigns and
          other high-visibility business applications.
        </p>

        <span class="dsp-vehicle-related-card__link">
          Explore Wide Format
          <span class="dsp-vehicle-related-card__arrow" aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- SIGNAGE -->

      <a
        class="dsp-vehicle-related-card"
        href="/service/signage/">

        <span class="dsp-vehicle-related-card__label">
          Fixed visibility
        </span>

        <h3>
          Signage
        </h3>

        <p>
          Extend brand recognition from the vehicle to buildings, entrances,
          sites and customer-facing business environments.
        </p>

        <span class="dsp-vehicle-related-card__link">
          Explore Signage
          <span class="dsp-vehicle-related-card__arrow" aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- MAGNETICS -->

      <a
        class="dsp-vehicle-related-card"
        href="/service/magnetics/">

        <span class="dsp-vehicle-related-card__label">
          Flexible branding
        </span>

        <h3>
          Magnetics
        </h3>

        <p>
          Magnetic branding can support applications where a removable or
          flexible branded solution is more appropriate than permanent graphics.
        </p>

        <span class="dsp-vehicle-related-card__link">
          Explore Magnetics
          <span class="dsp-vehicle-related-card__arrow" aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- DESIGN -->

      <a
        class="dsp-vehicle-related-card"
        href="/service/in-house-design/">

        <span class="dsp-vehicle-related-card__label">
          Production support
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Vehicle-specific artwork preparation and layout support to adapt
          logos, branding and key information to the available vehicle surfaces.
        </p>

        <span class="dsp-vehicle-related-card__link">
          Explore Design Support
          <span class="dsp-vehicle-related-card__arrow" aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <footer class="dsp-vehicle-related__footer">

      <p>
        Need vehicle branding as part of a wider signage or business branding
        rollout? DSP can help assess how the different production requirements
        fit together.
      </p>

      <a
        class="dsp-vehicle-related__all-services"
        href="/services/">

        View All DSP Services →
      </a>

    </footer>


  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-7cf3ba3 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="7cf3ba3" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88a7a8f pbmit-bg-color-over-image" data-id="88a7a8f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-dad4226 elementor-widget elementor-widget-html" data-id="dad4226" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP VEHICLE BRANDING PAGE — FAQ
   ========================================================= */

.dsp-vehicle-faq,
.dsp-vehicle-faq * {
  box-sizing: border-box;
}

.dsp-vehicle-faq {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --dsp-light: #f3f5f5;
  --dsp-white: #ffffff;
  --dsp-border: #dfe3e4;
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  width: 100%;
  padding: clamp(68px, 6vw, 96px) 0;

  background: #ffffff;
  color: var(--dsp-text);
}

.dsp-vehicle-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-vehicle-faq__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-vehicle-faq__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 15px;

  color: #565b5e;

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-vehicle-faq__eyebrow::before {
  content: "";

  width: 36px;
  height: 4px;

  border-radius: 99px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}

.dsp-vehicle-faq h2 {
  max-width: 800px;
  margin: 0 0 18px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(37px, 3.8vw, 55px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.038em;
}

.dsp-vehicle-faq__intro {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-vehicle-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-vehicle-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-vehicle-faq summary {
  position: relative;

  padding: 25px 52px 25px 0;

  cursor: pointer;
  list-style: none;

  color: var(--dsp-dark);

  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.dsp-vehicle-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-vehicle-faq summary::after {
  content: "+";

  position: absolute;
  top: 50%;
  right: 4px;

  width: 32px;
  height: 32px;

  display: grid;
  place-items: center;

  transform: translateY(-50%);

  border-radius: 50%;

  background: var(--dsp-light);
  color: var(--dsp-dark);

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.dsp-vehicle-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-vehicle-faq__answer {
  max-width: 880px;

  padding: 0 52px 25px 0;
}

.dsp-vehicle-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-vehicle-faq__footer {
  margin-top: 34px;
  padding: 25px 27px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  border-radius: 18px;

  background: var(--dsp-light);
}

.dsp-vehicle-faq__footer p {
  max-width: 700px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-vehicle-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-vehicle-faq__link {
  color: var(--dsp-dark);

  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .045em;

  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.dsp-vehicle-faq__link:hover,
.dsp-vehicle-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-vehicle-faq {
    padding: 60px 0;
  }

  .dsp-vehicle-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-vehicle-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-vehicle-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-vehicle-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-vehicle-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-vehicle-faq__footer {
    align-items: flex-start;
    flex-direction: column;

    padding: 23px 21px;
  }

}
</style>


<section
  class="dsp-vehicle-faq"
  aria-labelledby="dsp-vehicle-faq-title">

  <div class="dsp-vehicle-faq__inner">


    <header class="dsp-vehicle-faq__header">

      <div class="dsp-vehicle-faq__eyebrow">
        Vehicle Branding FAQs
      </div>

      <h2 id="dsp-vehicle-faq-title">
        Questions businesses often ask before branding a vehicle
      </h2>

      <p class="dsp-vehicle-faq__intro">
        The vehicle details, intended level of coverage and available brand
        artwork are usually enough to start the conversation. DSP can help
        work through the practical design and production requirements from there.
      </p>

    </header>


    <div class="dsp-vehicle-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          What information should I send when requesting a vehicle branding quote?
        </summary>

        <div class="dsp-vehicle-faq__answer">

          <p>
            Include the vehicle make and model, the number of vehicles involved,
            clear photographs where possible, the level of branding you have in
            mind and any available logos or brand artwork. If the branding
            approach is still undecided, DSP can help assess the options.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          Can DSP help with the vehicle branding design?
        </summary>

        <div class="dsp-vehicle-faq__answer">

          <p>
            Yes. DSP provides in-house design and artwork support for production.
            Existing brand material can be adapted to suit the specific vehicle,
            or a practical branding layout can be developed around the vehicle
            shape, available surfaces and information that needs to be displayed.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          Can the same branding be used across different vehicles in a fleet?
        </summary>

        <div class="dsp-vehicle-faq__answer">

          <p>
            A consistent branding system can be carried across a fleet, but the
            layout may need to be adapted for different vehicle shapes and sizes.
            The aim is to preserve the same business identity while making the
            artwork work properly on each vehicle.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          How do I decide between simple branding, partial coverage and a full wrap?
        </summary>

        <div class="dsp-vehicle-faq__answer">

          <p>
            Start with the business objective, vehicle type and how much visual
            impact is required. Some vehicles only need clear identification,
            while others benefit from more extensive branded coverage. DSP can
            help assess a practical approach based on the vehicle and intended use.
          </p>

        </div>

      </details>


    </div>


    <div class="dsp-vehicle-faq__footer">

      <p>
        <strong>Still deciding what your vehicle branding should look like?</strong>
        Send DSP the vehicle details and brand material you already have so the
        team can help work through the options.
      </p>

      <a
        class="dsp-vehicle-faq__link"
        href="/contact-us/">

        Contact DSP →
      </a>

    </div>


  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a78ce5d elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="a78ce5d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7df7df1 pbmit-bg-color-over-image" data-id="7df7df1" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-0b935c7 elementor-widget elementor-widget-html" data-id="0b935c7" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP VEHICLE BRANDING PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-vehicle-final-cta,
.dsp-vehicle-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-vehicle-final-cta {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255,255,255,.70);
  --dsp-border: rgba(255,255,255,.15);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;
  --dsp-light: #f3f5f5;

  position: relative;

  width: 100vw;
  left: 50%;
  margin-left: -50vw;

  overflow: hidden;

  padding: clamp(72px, 7vw, 108px) 0;

  background: var(--dsp-light);
}


/* =========================================================
   INNER CONTAINER
   ========================================================= */

.dsp-vehicle-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-vehicle-final-cta__shell {
  position: relative;
  overflow: hidden;

  padding:
    clamp(52px, 5vw, 76px)
    clamp(44px, 5vw, 76px);

  border-radius: 28px;

  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(0,174,239,.12),
      transparent 31%
    ),
    radial-gradient(
      circle at 5% 94%,
      rgba(236,0,140,.07),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      #181819 0%,
      #242426 100%
    );

  color: #ffffff;

  box-shadow:
    0 24px 65px rgba(20,24,26,.12);
}


/* CMYK accent */

.dsp-vehicle-final-cta__shell::before {
  content: "";

  position: absolute;
  inset: 0 0 auto;

  height: 6px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33.33%,
      var(--dsp-magenta) 33.33% 66.66%,
      var(--dsp-yellow) 66.66% 100%
    );
}


/* =========================================================
   MAIN GRID
   ========================================================= */

.dsp-vehicle-final-cta__main {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(330px, .60fr);

  align-items: center;

  gap: clamp(48px, 7vw, 100px);
}


/* =========================================================
   COPY
   ========================================================= */

.dsp-vehicle-final-cta__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 16px;

  color: rgba(255,255,255,.74);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}


.dsp-vehicle-final-cta__eyebrow::before {
  content: "";

  width: 36px;
  height: 4px;

  flex: 0 0 auto;

  border-radius: 99px;

  background:
    linear-gradient(
      90deg,
      var(--dsp-cyan) 0 33%,
      var(--dsp-magenta) 33% 66%,
      var(--dsp-yellow) 66% 100%
    );
}


.dsp-vehicle-final-cta h2 {
  max-width: 900px;

  margin: 0 0 22px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(39px, 4.2vw, 61px);
  font-weight: 700;
  line-height: 1.03;
  letter-spacing: -.042em;
}


.dsp-vehicle-final-cta__copy {
  max-width: 790px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-vehicle-final-cta__panel {
  position: relative;

  padding: 29px;

  border: 1px solid var(--dsp-border);
  border-radius: 22px;

  background: rgba(255,255,255,.055);

  box-shadow:
    0 20px 48px rgba(0,0,0,.16);
}


.dsp-vehicle-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-vehicle-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-vehicle-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-vehicle-final-cta__button {
  width: 100%;
  min-height: 53px;

  padding: 0 23px;

  display: inline-flex;
  align-items: center;
  justify-content: space-between;

  gap: 14px;

  border: 1px solid transparent;
  border-radius: 999px;

  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .04em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}


.dsp-vehicle-final-cta__button:hover,
.dsp-vehicle-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-vehicle-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-vehicle-final-cta__button--primary:hover,
.dsp-vehicle-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-vehicle-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-vehicle-final-cta__button--secondary:hover,
.dsp-vehicle-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-vehicle-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-vehicle-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-vehicle-final-cta {
    padding: 54px 0;
  }

  .dsp-vehicle-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-vehicle-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-vehicle-final-cta__main {
    gap: 34px;
  }

  .dsp-vehicle-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-vehicle-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-vehicle-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-vehicle-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-vehicle-final-cta"
  aria-labelledby="dsp-vehicle-final-cta-title"
>

  <div class="dsp-vehicle-final-cta__inner">

    <div class="dsp-vehicle-final-cta__shell">

      <div class="dsp-vehicle-final-cta__main">


        <!-- COPY -->

        <div class="dsp-vehicle-final-cta__content">

          <div class="dsp-vehicle-final-cta__eyebrow">
            Start your vehicle branding enquiry
          </div>

          <h2 id="dsp-vehicle-final-cta-title">
            Ready to put your business branding to work on the road?
          </h2>

          <p class="dsp-vehicle-final-cta__copy">
            Send DSP the vehicle make and model, clear photographs, the
            number of vehicles involved and any logos or brand artwork you
            already have. The team can help assess the layout, level of
            coverage and practical production requirements for the finished
            vehicle branding.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-vehicle-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about vehicle branding"
        >

          <h3 class="dsp-vehicle-final-cta__panel-heading">
            Have a vehicle ready to brand?
          </h3>

          <p class="dsp-vehicle-final-cta__panel-copy">
            Share the vehicle make and model, photographs, quantity and any
            existing logo or brand artwork so DSP can assess the requirement.
          </p>

          <div class="dsp-vehicle-final-cta__buttons">

            <a
              class="
                dsp-vehicle-final-cta__button
                dsp-vehicle-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-vehicle-final-cta__button
                dsp-vehicle-final-cta__button--secondary
              "
              href="tel:+27118115477"
            >
              Call DSP
              <span aria-hidden="true">↗</span>
            </a>

          </div>

        </aside>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
