<?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>Services &#8211; DSP</title>
	<atom:link href="https://dynamicsp.co.za/service/feed/" rel="self" type="application/rss+xml" />
	<link>https://dynamicsp.co.za</link>
	<description>Dynamic Signs and Print</description>
	<lastBuildDate>Wed, 19 Aug 2026 08:17:01 +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>Services &#8211; DSP</title>
	<link>https://dynamicsp.co.za</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>UV Printing</title>
		<link>https://dynamicsp.co.za/service/uv-printing/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Wed, 13 Mar 2024 10:47:19 +0000</pubDate>
				<guid isPermaLink="false">https://dynamicsp.co.za/?post_type=pbmit-service&#038;p=9202</guid>

					<description><![CDATA[UV Printing · Springs, Gauteng UV printing for custom branded and specialist production requirements DSP provides UV printing support for custom business, branding, promotional and specialist production requirements. The team can assess the item or material, artwork, finished size and intended use, then help prepare the job for practical in-house production. Custom business graphics Branded [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9202" class="elementor elementor-9202">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-8d201df elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="8d201df" 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-71152a5 pbmit-bg-color-over-image" data-id="71152a5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f62a0a2 elementor-widget elementor-widget-html" data-id="f62a0a2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP UV PRINTING PAGE — HERO
   ========================================================= */

.dsp-uv-hero,
.dsp-uv-hero * {
  box-sizing: border-box;
}

.dsp-uv-hero {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255,255,255,.72);
  --dsp-border: rgba(255,255,255,.14);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;
  width: 100%;
  overflow: hidden;

  padding:
    clamp(82px, 8vw, 128px)
    0
    clamp(72px, 7vw, 106px);

  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(0,174,239,.10),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: #ffffff;
}

.dsp-uv-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-uv-hero__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .78fr);

  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-uv-hero__content {
  max-width: 900px;
}

.dsp-uv-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 18px;

  color: rgba(255,255,255,.76);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-uv-hero__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-uv-hero h1 {
  max-width: 950px;
  margin: 0 0 25px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(45px, 4.9vw, 74px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -.045em;
}

.dsp-uv-hero__intro {
  max-width: 800px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT POINTS
   ========================================================= */

.dsp-uv-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-uv-hero__points li {
  position: relative;

  color: rgba(255,255,255,.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-uv-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-uv-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-uv-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.dsp-uv-hero__button:hover,
.dsp-uv-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-uv-hero__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-uv-hero__button--primary:hover,
.dsp-uv-hero__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}

.dsp-uv-hero__button--secondary {
  background: transparent;
  border-color: rgba(255,255,255,.55);
  color: #ffffff;
}

.dsp-uv-hero__button--secondary:hover,
.dsp-uv-hero__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);
  border-color: #ffffff;
  color: #ffffff;
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-uv-hero__visual {
  position: relative;
}

.dsp-uv-hero__figure {
  position: relative;
  min-height: 0;
  aspect-ratio: 3 / 2;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );

  box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

.dsp-uv-hero__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;
  min-height: 0;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-uv-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  max-width: 300px;
  padding: 17px 19px;

  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;

  background: rgba(23,23,24,.94);

  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}

.dsp-uv-hero__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-uv-hero__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .dsp-uv-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-uv-hero__visual {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-uv-hero {
    padding: 72px 0 66px;
  }

  .dsp-uv-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-uv-hero h1 {
    font-size: clamp(39px, 10.8vw, 51px);
  }

  .dsp-uv-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-uv-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-uv-hero__button {
    width: 100%;
  }

  .dsp-uv-hero__figure {
    min-height: auto;
    aspect-ratio: 3 / 2;
  }

  .dsp-uv-hero__figure img {
    min-height: 0;
    height: 100%;
  }

  .dsp-uv-hero__badge {
    position: relative;
    left: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }
}
</style>


<section
  class="dsp-uv-hero"
  aria-labelledby="dsp-uv-hero-title">

  <div class="dsp-uv-hero__inner">


    <!-- CONTENT -->

    <div class="dsp-uv-hero__content">

      <div class="dsp-uv-hero__eyebrow">
        UV Printing · Springs, Gauteng
      </div>

      <h1 id="dsp-uv-hero-title">
        UV printing for custom branded and specialist production requirements
      </h1>

      <p class="dsp-uv-hero__intro">
        DSP provides UV printing support for custom business, branding,
        promotional and specialist production requirements. The team can assess
        the item or material, artwork, finished size and intended use, then help
        prepare the job for practical in-house production.
      </p>


      <ul
        class="dsp-uv-hero__points"
        aria-label="DSP UV printing support">

        <li>Custom business graphics</li>
        <li>Branded applications</li>
        <li>Artwork preparation</li>
        <li>In-house production support</li>

      </ul>


      <div class="dsp-uv-hero__actions">

        <a
          class="dsp-uv-hero__button
                 dsp-uv-hero__button--primary"
          href="/contact-us/">

          Discuss Your UV Printing
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-uv-hero__button
                 dsp-uv-hero__button--secondary"
          href="#dsp-uv-applications">

          Explore UV Applications
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>


    <!-- IMAGE -->

    <div class="dsp-uv-hero__visual">

      <div class="dsp-uv-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/industrial-uv-flatbed-printing-springs-gauteng.jpg"
          alt="Custom UV-printed retail display produced by Dynamic Signs and Print in South Africa"
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </div>


      <div class="dsp-uv-hero__badge">

        <span class="dsp-uv-hero__badge-label">
          Production-led custom printing
        </span>

        <span class="dsp-uv-hero__badge-text">
          The item, artwork, finished dimensions and intended use are considered together before production.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6ae4fc9 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="6ae4fc9" 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-4bb80be pbmit-bg-color-over-image" data-id="4bb80be" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c8403df elementor-widget elementor-widget-html" data-id="c8403df" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP UV PRINTING PAGE — APPLICATIONS
   ========================================================= */

.dsp-uv-apps,
.dsp-uv-apps * {
  box-sizing: border-box;
}

.dsp-uv-apps {
  --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(74px, 7vw, 110px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);

  scroll-margin-top: 30px;
}

.dsp-uv-apps__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-uv-apps__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-uv-apps__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-uv-apps__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-uv-apps h2 {
  max-width: 830px;
  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-uv-apps__intro {
  max-width: 620px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-uv-apps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-uv-app {
  position: relative;

  min-height: 255px;
  padding: 28px 27px 25px;

  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-uv-app:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-uv-app::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-uv-app__number {
  display: block;

  margin-bottom: 22px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-uv-app h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.dsp-uv-app p {
  flex: 1;

  margin: 0 0 18px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-uv-app__use {
  padding-top: 15px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-uv-app__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-uv-apps__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-uv-apps__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-uv-apps__footer-copy strong {
  color: #ffffff;
}

.dsp-uv-apps__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-uv-apps__button:hover,
.dsp-uv-apps__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-uv-apps__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-uv-apps__intro {
    margin-left: 0;
  }

  .dsp-uv-apps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-uv-apps {
    padding: 64px 0;
  }

  .dsp-uv-apps__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-uv-apps__header {
    margin-bottom: 30px;
  }

  .dsp-uv-apps h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-uv-apps__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-uv-apps__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-uv-app {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-uv-apps__footer {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-uv-apps__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-uv-apps"
  id="dsp-uv-applications"
  aria-labelledby="dsp-uv-apps-title">

  <div class="dsp-uv-apps__inner">


    <!-- HEADER -->

    <header class="dsp-uv-apps__header">

      <div>

        <div class="dsp-uv-apps__eyebrow">
          UV printing applications
        </div>

        <h2 id="dsp-uv-apps-title">
          Custom printing for business, branding and specialist applications
        </h2>

      </div>


      <p class="dsp-uv-apps__intro">
        UV printing can support a variety of custom production requirements,
        but the suitability of the item or material should be considered as
        part of the job. DSP can assess the intended application, artwork,
        finished dimensions and quantity before production.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-uv-apps__grid">


      <!-- 01 -->

      <article class="dsp-uv-app">

        <span class="dsp-uv-app__number">
          01
        </span>

        <h3>
          Branded business items
        </h3>

        <p>
          Custom printed branding, company information or graphic elements for
          suitable business items where the artwork needs to become part of
          the finished physical product.
        </p>

        <div class="dsp-uv-app__use">
          <strong>Useful for:</strong>
          company branding and custom business applications
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-uv-app">

        <span class="dsp-uv-app__number">
          02
        </span>

        <h3>
          Promotional applications
        </h3>

        <p>
          Printed graphics for suitable promotional items or components where
          the finished piece forms part of a campaign, event or branded
          business requirement.
        </p>

        <div class="dsp-uv-app__use">
          <strong>Useful for:</strong>
          promotions, campaigns and branded activations
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-uv-app">

        <span class="dsp-uv-app__number">
          03
        </span>

        <h3>
          Identification &amp; information graphics
        </h3>

        <p>
          Custom printed text, numbering, branding or information for suitable
          items and components used for identification or practical business
          communication.
        </p>

        <div class="dsp-uv-app__use">
          <strong>Useful for:</strong>
          identification, information and operational applications
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-uv-app">

        <span class="dsp-uv-app__number">
          04
        </span>

        <h3>
          Display components
        </h3>

        <p>
          Printed elements for suitable display, presentation or branded
          environment components where the graphic needs to be produced as
          part of the finished piece.
        </p>

        <div class="dsp-uv-app__use">
          <strong>Useful for:</strong>
          displays, presentations and branded environments
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-uv-app">

        <span class="dsp-uv-app__number">
          05
        </span>

        <h3>
          Custom production pieces
        </h3>

        <p>
          UV printing can be assessed for custom production jobs that require
          artwork, text or branding to be incorporated into a specific
          physical item or finished component.
        </p>

        <div class="dsp-uv-app__use">
          <strong>Useful for:</strong>
          custom business and production requirements
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-uv-app">

        <span class="dsp-uv-app__number">
          06
        </span>

        <h3>
          Specialist print requirements
        </h3>

        <p>
          If the application does not fit a standard category, send DSP the
          item or material, artwork, dimensions and intended use so the
          production requirement can be assessed.
        </p>

        <div class="dsp-uv-app__use">
          <strong>Useful for:</strong>
          unusual or specialised custom-print enquiries
        </div>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-uv-apps__footer">

      <p class="dsp-uv-apps__footer-copy">
        <strong>Have a specific item or material you want printed?</strong>
        Send DSP a photograph or description, the dimensions, quantity,
        artwork and intended use. The team can assess whether the application
        is suitable for the available UV printing process.
      </p>


      <a
        class="dsp-uv-apps__button"
        href="/contact-us/">

        Discuss Your UV Printing
        <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-88bfa5e elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="88bfa5e" 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-d8094af pbmit-bg-color-over-image" data-id="d8094af" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a7d5922 elementor-widget elementor-widget-html" data-id="a7d5922" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP UV PRINTING PAGE — PLANNING THE JOB
   ========================================================= */

.dsp-uv-planning,
.dsp-uv-planning * {
  box-sizing: border-box;
}

.dsp-uv-planning {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --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-uv-planning__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-uv-planning__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-uv-planning__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-uv-planning__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-uv-planning h2 {
  max-width: 830px;
  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-uv-planning__intro {
  max-width: 610px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-uv-planning__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-uv-planning__item {
  min-height: 220px;
  padding: 28px 25px;

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);

  background: var(--dsp-soft);
}

.dsp-uv-planning__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-cyan);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-uv-planning__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-uv-planning__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-uv-planning__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-uv-planning__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-uv-planning__callout-copy strong {
  color: #ffffff;
}

.dsp-uv-planning__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-uv-planning__button:hover,
.dsp-uv-planning__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-uv-planning__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-uv-planning__intro {
    margin-left: 0;
  }

  .dsp-uv-planning__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-uv-planning {
    padding: 62px 0;
  }

  .dsp-uv-planning__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-uv-planning__header {
    margin-bottom: 28px;
  }

  .dsp-uv-planning h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-uv-planning__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-uv-planning__grid {
    grid-template-columns: 1fr;
  }

  .dsp-uv-planning__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-uv-planning__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-uv-planning__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-uv-planning"
  aria-labelledby="dsp-uv-planning-title">

  <div class="dsp-uv-planning__inner">


    <!-- HEADER -->

    <header class="dsp-uv-planning__header">

      <div>

        <div class="dsp-uv-planning__eyebrow">
          Planning the UV print job
        </div>

        <h2 id="dsp-uv-planning-title">
          Start with the item, artwork and finished use
        </h2>

      </div>


      <p class="dsp-uv-planning__intro">
        UV printing needs to be assessed around the actual item or material
        being printed. Sharing the dimensions, available print area, artwork,
        quantity and intended use helps DSP determine how the job should be
        prepared for production.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-uv-planning__grid">


      <!-- 01 -->

      <article class="dsp-uv-planning__item">

        <span class="dsp-uv-planning__number">
          01
        </span>

        <h3>
          Item or material
        </h3>

        <p>
          Explain what needs to be printed and provide a clear photograph or
          sample where practical. The actual item or material forms an
          important part of assessing the production requirement.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-uv-planning__item">

        <span class="dsp-uv-planning__number">
          02
        </span>

        <h3>
          Overall dimensions
        </h3>

        <p>
          Provide the size of the item, panel or component so DSP can assess
          the physical format of the job and how the artwork needs to fit
          within it.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-uv-planning__item">

        <span class="dsp-uv-planning__number">
          03
        </span>

        <h3>
          Printable area
        </h3>

        <p>
          Indicate where the artwork needs to appear on the item and the
          approximate area available for printing. A photograph or marked-up
          reference image can be useful where the position is important.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-uv-planning__item">

        <span class="dsp-uv-planning__number">
          04
        </span>

        <h3>
          Artwork &amp; brand material
        </h3>

        <p>
          Send the logo, wording, graphics or existing artwork that needs to
          be printed. DSP's in-house design team can help prepare or adapt the
          layout around the confirmed print area where required.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-uv-planning__item">

        <span class="dsp-uv-planning__number">
          05
        </span>

        <h3>
          Quantity
        </h3>

        <p>
          Let DSP know how many items or printed pieces are required, including
          whether the same artwork is being repeated or several versions need
          to be produced.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-uv-planning__item">

        <span class="dsp-uv-planning__number">
          06
        </span>

        <h3>
          Finished use
        </h3>

        <p>
          Explain how the printed item will be used and where it fits into the
          wider business, promotional or production requirement. This provides
          useful context when the application is being assessed.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-uv-planning__callout">

      <p class="dsp-uv-planning__callout-copy">
        <strong>Unsure whether your item or material is suitable for UV printing?</strong>
        Send DSP a clear photograph or sample description together with the
        dimensions, quantity and intended print area. The team can assess the
        requirement before artwork preparation or production begins.
      </p>


      <a
        class="dsp-uv-planning__button"
        href="/contact-us/">

        Send Your UV Print Details
        <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-a466f8c elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="a466f8c" 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-1e5e55f pbmit-bg-color-over-image" data-id="1e5e55f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9cfefc8 elementor-widget elementor-widget-html" data-id="9cfefc8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP UV PRINTING PAGE — PRODUCTION WORKFLOW
   ========================================================= */

.dsp-uv-process,
.dsp-uv-process * {
  box-sizing: border-box;
}

.dsp-uv-process {
  --dsp-dark: #181819;
  --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(74px, 7vw, 108px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-uv-process__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(410px, .85fr)
    minmax(0, 1.15fr);

  align-items: center;
  gap: clamp(52px, 7vw, 105px);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-uv-process__visual {
  position: relative;
}

.dsp-uv-process__media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.dsp-uv-process__figure {
  position: relative;
  min-height: 0;
  aspect-ratio: 3 / 2;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 24px;

  background: #e4e7e8;

  box-shadow: 0 20px 48px rgba(24,28,31,.08);
}

.dsp-uv-process__figure--main {
  grid-column: 1 / -1;
  aspect-ratio: 16 / 9;
}

.dsp-uv-process__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;
  min-height: 0;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-uv-process__badge {
  position: relative;

  max-width: none;
  margin-top: 14px;
  padding: 18px 20px;

  border-radius: 18px;

  background: var(--dsp-dark);
  color: #ffffff;

  box-shadow: 0 17px 38px rgba(24,28,31,.18);
}

.dsp-uv-process__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-uv-process__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-uv-process__content {
  max-width: 730px;
}

.dsp-uv-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: .09em;
  text-transform: uppercase;
}

.dsp-uv-process__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-uv-process h2 {
  max-width: 720px;
  margin: 0 0 23px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(39px, 4vw, 58px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.04em;
}

.dsp-uv-process__intro {
  max-width: 680px;
  margin: 0 0 30px;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   STEPS
   ========================================================= */

.dsp-uv-process__steps {
  margin: 0;
  padding: 0;

  list-style: none;

  border-top: 1px solid var(--dsp-border);
}

.dsp-uv-process__step {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 18px;

  padding: 20px 0;

  border-bottom: 1px solid var(--dsp-border);
}

.dsp-uv-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-uv-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-uv-process__step p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   CTA
   ========================================================= */

.dsp-uv-process__actions {
  margin-top: 31px;

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-uv-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

.dsp-uv-process__button:hover,
.dsp-uv-process__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-uv-process__button--primary {
  border: 1px solid var(--dsp-dark);

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-uv-process__button--primary:hover,
.dsp-uv-process__button--primary:focus-visible {
  border-color: var(--dsp-cyan);

  background: var(--dsp-cyan);
  color: #ffffff;
}

.dsp-uv-process__button--secondary {
  border: 1px solid var(--dsp-dark);

  background: transparent;
  color: var(--dsp-dark);
}

.dsp-uv-process__button--secondary:hover,
.dsp-uv-process__button--secondary:focus-visible {
  background: #ffffff;
  color: var(--dsp-dark);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-uv-process__inner {
    grid-template-columns: 1fr;
  }

  .dsp-uv-process__visual {
    max-width: 820px;
  }

  .dsp-uv-process__figure {
    min-height: 0;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-uv-process {
    padding: 64px 0;
  }

  .dsp-uv-process__inner {
    width: min(100% - 30px, 600px);
    gap: 38px;
  }

  .dsp-uv-process__figure {
    min-height: auto;
    aspect-ratio: 3 / 2;
  }

  .dsp-uv-process__figure--main {
    aspect-ratio: 16 / 9;
  }

  .dsp-uv-process__figure img {
    min-height: 0;
    height: 100%;
  }

  .dsp-uv-process__badge {
    position: relative;
    right: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }

  .dsp-uv-process h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-uv-process__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-uv-process__step {
    grid-template-columns: 40px 1fr;
    gap: 14px;
  }

  .dsp-uv-process__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-uv-process__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-uv-process"
  aria-labelledby="dsp-uv-process-title">

  <div class="dsp-uv-process__inner">


    <!-- IMAGE -->

    <div class="dsp-uv-process__visual">

      <div class="dsp-uv-process__media">

        <div
          class="dsp-uv-process__figure
                 dsp-uv-process__figure--main">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/uv-printing-rigid-material-applications-springs-gauteng.jpg"
            alt="Industrial UV flatbed printing in progress at Dynamic Signs and Print in Springs, Gauteng"
            loading="lazy"
            decoding="async">

        </div>


        <div class="dsp-uv-process__figure">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/high-resolution-uv-printing-rigid-panel.jpg"
            alt="High-resolution UV printing on a rigid branded panel produced by Dynamic Signs and Print"
            loading="lazy"
            decoding="async">

        </div>


        <div class="dsp-uv-process__figure">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/custom-uv-printed-retail-display-south-africa.jpg"
            alt="Custom UV-printed retail display produced by Dynamic Signs and Print in South Africa"
            loading="lazy"
            decoding="async">

        </div>

      </div>


      <div class="dsp-uv-process__badge">

        <span class="dsp-uv-process__badge-label">
          Custom print production
        </span>

        <span class="dsp-uv-process__badge-text">
          The item, print position, artwork and finished requirement are checked before the job moves into production.
        </span>

      </div>

    </div>


    <!-- CONTENT -->

    <div class="dsp-uv-process__content">

      <div class="dsp-uv-process__eyebrow">
        UV printing workflow
      </div>

      <h2 id="dsp-uv-process-title">
        From application assessment to the finished printed piece
      </h2>

      <p class="dsp-uv-process__intro">
        UV printing is planned around the actual item or material rather than
        treated as a generic print job. Once the application, dimensions,
        artwork and print position are understood, DSP can prepare the job for
        production.
      </p>


      <ol class="dsp-uv-process__steps">


        <!-- 01 -->

        <li class="dsp-uv-process__step">

          <span class="dsp-uv-process__step-number">
            01
          </span>

          <div>

            <h3>
              Assess the item and application
            </h3>

            <p>
              The item or material, overall dimensions, intended print area
              and finished use are considered before the production route is
              confirmed.
            </p>

          </div>

        </li>


        <!-- 02 -->

        <li class="dsp-uv-process__step">

          <span class="dsp-uv-process__step-number">
            02
          </span>

          <div>

            <h3>
              Prepare the artwork
            </h3>

            <p>
              Supplied logos, graphics and text are checked and adapted around
              the confirmed print area. DSP's in-house design team can assist
              where the layout still needs to be prepared.
            </p>

          </div>

        </li>


        <!-- 03 -->

        <li class="dsp-uv-process__step">

          <span class="dsp-uv-process__step-number">
            03
          </span>

          <div>

            <h3>
              Confirm print position and setup
            </h3>

            <p>
              The artwork position, dimensions, quantity and practical job
              setup are confirmed before the item moves into the production
              stage.
            </p>

          </div>

        </li>


        <!-- 04 -->

        <li class="dsp-uv-process__step">

          <span class="dsp-uv-process__step-number">
            04
          </span>

          <div>

            <h3>
              Produce the UV print
            </h3>

            <p>
              The approved job is produced according to the confirmed artwork,
              print area, quantity and physical production requirement.
            </p>

          </div>

        </li>


        <!-- 05 -->

        <li class="dsp-uv-process__step">

          <span class="dsp-uv-process__step-number">
            05
          </span>

          <div>

            <h3>
              Finish and prepare the completed job
            </h3>

            <p>
              The completed printed pieces are prepared for collection or the
              next stage of the wider business, branding or production project.
            </p>

          </div>

        </li>


      </ol>


      <!-- ACTIONS -->

      <div class="dsp-uv-process__actions">

        <a
          class="dsp-uv-process__button
                 dsp-uv-process__button--primary"
          href="/contact-us/">

          Discuss Your UV Printing
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-uv-process__button
                 dsp-uv-process__button--secondary"
          href="/service/in-house-design/">

          Artwork 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-0ab4e06 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="0ab4e06" 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-2f64b89 pbmit-bg-color-over-image" data-id="2f64b89" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8e096eb elementor-widget elementor-widget-html" data-id="8e096eb" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP UV PRINTING PAGE — RELATED SERVICES
   ========================================================= */

.dsp-uv-related,
.dsp-uv-related * {
  box-sizing: border-box;
}

.dsp-uv-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: #ffffff;
  color: var(--dsp-text);
}

.dsp-uv-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-uv-related__header {
  max-width: 900px;
  margin-bottom: 36px;
}

.dsp-uv-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-uv-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-uv-related h2 {
  max-width: 850px;
  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-uv-related__intro {
  max-width: 790px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-uv-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-uv-related-card {
  position: relative;

  min-height: 255px;
  padding: 27px 25px 25px;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 19px;

  background: var(--dsp-light);
  color: var(--dsp-text);

  text-decoration: none;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.dsp-uv-related-card:hover,
.dsp-uv-related-card:focus-visible {
  transform: translateY(-4px);

  border-color: #cbd0d2;
  background: #ffffff;

  box-shadow: 0 18px 36px rgba(24,28,31,.08);

  color: var(--dsp-text);
  text-decoration: none;
}

.dsp-uv-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-uv-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-uv-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-uv-related-card p {
  flex: 1;

  margin: 0 0 20px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-uv-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-uv-related-card__arrow {
  font-size: 15px;

  transition: transform 180ms ease;
}

.dsp-uv-related-card:hover .dsp-uv-related-card__arrow,
.dsp-uv-related-card:focus-visible .dsp-uv-related-card__arrow {
  transform: translate(3px, -2px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-uv-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-uv-related__footer p {
  max-width: 790px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-uv-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-uv-related__all-services:hover,
.dsp-uv-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-uv-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-uv-related {
    padding: 60px 0;
  }

  .dsp-uv-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-uv-related__header {
    margin-bottom: 28px;
  }

  .dsp-uv-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-uv-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-uv-related-card {
    min-height: auto;
  }

  .dsp-uv-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-uv-related"
  aria-labelledby="dsp-uv-related-title">

  <div class="dsp-uv-related__inner">


    <!-- HEADER -->

    <header class="dsp-uv-related__header">

      <div class="dsp-uv-related__eyebrow">
        Related specialist services
      </div>

      <h2 id="dsp-uv-related-title">
        Different production methods for different branded and custom applications
      </h2>

      <p class="dsp-uv-related__intro">
        UV printing is one of several specialist production methods available
        through DSP. Depending on the item, shape, artwork and intended use,
        another process may be more suitable — or several production methods
        may form part of the same job.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-uv-related__grid">


      <!-- PAD PRINTING -->

      <a
        class="dsp-uv-related-card"
        href="/service/pad-printing/">

        <span class="dsp-uv-related-card__label">
          Specialist printing
        </span>

        <h3>
          Pad Printing
        </h3>

        <p>
          A specialist print process that can be assessed for custom items and
          applications where the shape, print position or production
          requirement calls for a different approach.
        </p>

        <span class="dsp-uv-related-card__link">
          Explore Pad Printing
          <span
            class="dsp-uv-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- SILK SCREENING -->

      <a
        class="dsp-uv-related-card"
        href="/service/silk-screening/">

        <span class="dsp-uv-related-card__label">
          Specialist production
        </span>

        <h3>
          Silk Screening
        </h3>

        <p>
          Screen-printing support for suitable business, promotional and
          specialist production applications where this process fits the
          required item and artwork.
        </p>

        <span class="dsp-uv-related-card__link">
          Explore Silk Screening
          <span
            class="dsp-uv-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- LASER CUTTING -->

      <a
        class="dsp-uv-related-card"
        href="/service/laser-cutting-engraving/">

        <span class="dsp-uv-related-card__label">
          Cutting &amp; engraving
        </span>

        <h3>
          Laser Cutting &amp; Engraving
        </h3>

        <p>
          Custom cutting and engraving support for signage, identification and
          other production requirements where shape, detail or marking forms
          part of the finished piece.
        </p>

        <span class="dsp-uv-related-card__link">
          Explore Laser Production
          <span
            class="dsp-uv-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- DESIGN -->

      <a
        class="dsp-uv-related-card"
        href="/service/in-house-design/">

        <span class="dsp-uv-related-card__label">
          Artwork support
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Artwork preparation and layout support for custom printed items,
          specialist production pieces and other physical branding
          requirements.
        </p>

        <span class="dsp-uv-related-card__link">
          Explore Design Support
          <span
            class="dsp-uv-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <!-- FOOTER -->

    <footer class="dsp-uv-related__footer">

      <p>
        Not sure which specialist production process fits the item? Send DSP a
        photograph or sample description, dimensions, quantity and artwork so
        the overall requirement can be assessed before production.
      </p>

      <a
        class="dsp-uv-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-7c25401 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="7c25401" 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-8c5a098 pbmit-bg-color-over-image" data-id="8c5a098" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-620a86a elementor-widget elementor-widget-html" data-id="620a86a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP UV PRINTING PAGE — FAQ
   ========================================================= */

.dsp-uv-faq,
.dsp-uv-faq * {
  box-sizing: border-box;
}

.dsp-uv-faq {
  --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-uv-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-uv-faq__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-uv-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-uv-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-uv-faq h2 {
  max-width: 820px;
  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-uv-faq__intro {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-uv-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-uv-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-uv-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-uv-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-uv-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: #ffffff;
  color: var(--dsp-dark);

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.dsp-uv-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-uv-faq__answer {
  max-width: 900px;
  padding: 0 52px 25px 0;
}

.dsp-uv-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-uv-faq__footer {
  margin-top: 34px;
  padding: 25px 27px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  border: 1px solid var(--dsp-border);
  border-radius: 18px;

  background: #ffffff;
}

.dsp-uv-faq__footer p {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-uv-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-uv-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-uv-faq__link:hover,
.dsp-uv-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-uv-faq {
    padding: 60px 0;
  }

  .dsp-uv-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-uv-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-uv-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-uv-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-uv-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-uv-faq__footer {
    align-items: flex-start;
    flex-direction: column;

    padding: 23px 21px;
  }
}
</style>


<section
  class="dsp-uv-faq"
  aria-labelledby="dsp-uv-faq-title">

  <div class="dsp-uv-faq__inner">


    <!-- HEADER -->

    <header class="dsp-uv-faq__header">

      <div class="dsp-uv-faq__eyebrow">
        UV Printing FAQs
      </div>

      <h2 id="dsp-uv-faq-title">
        Questions businesses often ask before sending a custom UV print job
      </h2>

      <p class="dsp-uv-faq__intro">
        UV printing needs to be considered around the actual item, printable
        area and intended use. A photograph or sample description, dimensions,
        artwork and quantity are usually enough to start assessing the job.
      </p>

    </header>


    <!-- FAQ LIST -->

    <div class="dsp-uv-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          How do I know whether my item or material can be UV printed?
        </summary>

        <div class="dsp-uv-faq__answer">

          <p>
            Suitability depends on the specific item, material, dimensions and
            intended print area. Send DSP a clear photograph or sample
            description together with the approximate size and intended use so
            the application can be assessed before production.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          What should I send DSP when requesting a UV printing quote?
        </summary>

        <div class="dsp-uv-faq__answer">

          <p>
            Send details of the item or material, overall dimensions, required
            quantity, intended print area and available artwork. It is also
            useful to explain how the finished item will be used and when it is
            required.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          Can DSP prepare the artwork for the available print area?
        </summary>

        <div class="dsp-uv-faq__answer">

          <p>
            Yes. DSP's in-house design team can work from supplied logos,
            graphics, text or existing artwork and adapt the layout around the
            confirmed dimensions and available print area before production.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          Can UV printing be combined with cutting, engraving or other production services?
        </summary>

        <div class="dsp-uv-faq__answer">

          <p>
            Where a project involves more than one production requirement, DSP
            can assess the overall job and determine how the available printing,
            cutting, engraving, design or finishing services can support the
            finished physical outcome.
          </p>

        </div>

      </details>


    </div>


    <!-- FOOTER -->

    <div class="dsp-uv-faq__footer">

      <p>
        <strong>Have an item you want printed but are unsure whether UV printing is the right process?</strong>
        Send DSP a photograph or sample description, dimensions, quantity and
        artwork so the production requirement can be assessed first.
      </p>

      <a
        class="dsp-uv-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-7b0328c elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="7b0328c" 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-c76bfd6 pbmit-bg-color-over-image" data-id="c76bfd6" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2d77fce elementor-widget elementor-widget-html" data-id="2d77fce" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP UV PRINTING PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-uv-final-cta,
.dsp-uv-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-uv-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-uv-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-uv-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-uv-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-uv-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-uv-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-uv-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-uv-final-cta h2 {
  max-width: 920px;

  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-uv-final-cta__copy {
  max-width: 800px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-uv-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-uv-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-uv-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-uv-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-uv-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-uv-final-cta__button:hover,
.dsp-uv-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-uv-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-uv-final-cta__button--primary:hover,
.dsp-uv-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-uv-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-uv-final-cta__button--secondary:hover,
.dsp-uv-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-uv-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-uv-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-uv-final-cta {
    padding: 54px 0;
  }

  .dsp-uv-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-uv-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-uv-final-cta__main {
    gap: 34px;
  }

  .dsp-uv-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-uv-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-uv-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-uv-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-uv-final-cta"
  aria-labelledby="dsp-uv-final-cta-title"
>

  <div class="dsp-uv-final-cta__inner">

    <div class="dsp-uv-final-cta__shell">

      <div class="dsp-uv-final-cta__main">


        <!-- COPY -->

        <div class="dsp-uv-final-cta__content">

          <div class="dsp-uv-final-cta__eyebrow">
            Start your UV printing enquiry
          </div>

          <h2 id="dsp-uv-final-cta-title">
            Have a custom item or production piece that needs printing?
          </h2>

          <p class="dsp-uv-final-cta__copy">
            Send DSP a photograph or description of the item or material,
            together with the dimensions, required quantity, intended print
            area and available artwork. If you are unsure whether UV printing
            is the right process, the team can assess the requirement before
            the production route is confirmed.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-uv-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about UV printing"
        >

          <h3 class="dsp-uv-final-cta__panel-heading">
            Have a UV printing requirement?
          </h3>

          <p class="dsp-uv-final-cta__panel-copy">
            Share the item or material, dimensions, print area, quantity and
            any artwork or reference material you already have.
          </p>

          <div class="dsp-uv-final-cta__buttons">

            <a
              class="
                dsp-uv-final-cta__button
                dsp-uv-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-uv-final-cta__button
                dsp-uv-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>
		<item>
		<title>In-House Design</title>
		<link>https://dynamicsp.co.za/service/in-house-design/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 01:18:34 +0000</pubDate>
				<guid isPermaLink="false">https://34609e326d14.xneelosites.com/?post_type=pbmit-service&#038;p=5615</guid>

					<description><![CDATA[In-House Design · Artwork Support In-house design and artwork support for print, signage and branding DSP&#8217;s in-house design team helps turn business requirements, ideas and existing artwork into practical files prepared around the final physical outcome. From signage and vehicle branding to labels, business print and large-format graphics, the design process stays connected to how [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5615" class="elementor elementor-5615">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-59d1484 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="59d1484" 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-7f7bad2 pbmit-bg-color-over-image" data-id="7f7bad2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bafbee9 elementor-widget elementor-widget-html" data-id="bafbee9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP IN-HOUSE DESIGN PAGE — HERO
   ========================================================= */

.dsp-design-hero,
.dsp-design-hero * {
  box-sizing: border-box;
}

.dsp-design-hero {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255,255,255,.72);
  --dsp-border: rgba(255,255,255,.14);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;
  width: 100%;
  overflow: hidden;

  padding:
    clamp(82px, 8vw, 128px)
    0
    clamp(72px, 7vw, 106px);

  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(236,0,140,.10),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: #ffffff;
}

.dsp-design-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-design-hero__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .78fr);

  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-design-hero__content {
  max-width: 900px;
}

.dsp-design-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 18px;

  color: rgba(255,255,255,.76);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-design-hero__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-design-hero h1 {
  max-width: 950px;
  margin: 0 0 25px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(45px, 4.9vw, 74px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -.045em;
}

.dsp-design-hero__intro {
  max-width: 800px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT POINTS
   ========================================================= */

.dsp-design-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-design-hero__points li {
  position: relative;

  color: rgba(255,255,255,.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-design-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-design-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-design-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.dsp-design-hero__button:hover,
.dsp-design-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-design-hero__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-design-hero__button--primary:hover,
.dsp-design-hero__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}

.dsp-design-hero__button--secondary {
  background: transparent;
  border-color: rgba(255,255,255,.55);
  color: #ffffff;
}

.dsp-design-hero__button--secondary:hover,
.dsp-design-hero__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);
  border-color: #ffffff;
  color: #ffffff;
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-design-hero__visual {
  position: relative;
}

.dsp-design-hero__figure {
  position: relative;
  min-height: 0;
  aspect-ratio: 1 / 1;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );

  box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

.dsp-design-hero__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;
  min-height: 0;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-design-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  max-width: 300px;
  padding: 17px 19px;

  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;

  background: rgba(23,23,24,.94);

  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}

.dsp-design-hero__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-design-hero__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .dsp-design-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-design-hero__visual {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-design-hero {
    padding: 72px 0 66px;
  }

  .dsp-design-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-design-hero h1 {
    font-size: clamp(39px, 10.8vw, 51px);
  }

  .dsp-design-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-design-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-design-hero__button {
    width: 100%;
  }

  .dsp-design-hero__figure {
    min-height: auto;
    aspect-ratio: 1 / 1;
  }

  .dsp-design-hero__figure img {
    min-height: 0;
    height: 100%;
  }

  .dsp-design-hero__badge {
    position: relative;
    left: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }
}
</style>


<section
  class="dsp-design-hero"
  aria-labelledby="dsp-design-hero-title">

  <div class="dsp-design-hero__inner">


    <!-- CONTENT -->

    <div class="dsp-design-hero__content">

      <div class="dsp-design-hero__eyebrow">
        In-House Design · Artwork Support
      </div>

      <h1 id="dsp-design-hero-title">
        In-house design and artwork support for print, signage and branding
      </h1>

      <p class="dsp-design-hero__intro">
        DSP's in-house design team helps turn business requirements, ideas and
        existing artwork into practical files prepared around the final physical
        outcome. From signage and vehicle branding to labels, business print
        and large-format graphics, the design process stays connected to how
        the finished work will actually be produced.
      </p>


      <ul
        class="dsp-design-hero__points"
        aria-label="DSP in-house design support">

        <li>Artwork preparation</li>
        <li>Layout &amp; adaptation</li>
        <li>Production-aware design</li>
        <li>Print &amp; signage support</li>

      </ul>


      <div class="dsp-design-hero__actions">

        <a
          class="dsp-design-hero__button
                 dsp-design-hero__button--primary"
          href="/contact-us/">

          Discuss Your Artwork
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-design-hero__button
                 dsp-design-hero__button--secondary"
          href="#dsp-design-support">

          Explore Design Support
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>


    <!-- IMAGE -->

    <div class="dsp-design-hero__visual">

      <div class="dsp-design-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/vehicle-branding-artwork-design-springs.jpg"
          alt="DSP in-house designer preparing vehicle branding artwork for production in Springs, Gauteng"
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </div>


      <div class="dsp-design-hero__badge">

        <span class="dsp-design-hero__badge-label">
          Design connected to production
        </span>

        <span class="dsp-design-hero__badge-text">
          Artwork developed around the finished size, application and physical production requirement.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
				<div class="elementor-element elementor-element-44404e2 elementor-widget elementor-widget-html" data-id="44404e2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP IN-HOUSE DESIGN PAGE — WHERE DESIGN SUPPORT HELPS
   ========================================================= */

.dsp-design-support,
.dsp-design-support * {
  box-sizing: border-box;
}

.dsp-design-support {
  --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(74px, 7vw, 110px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);

  scroll-margin-top: 30px;
}

.dsp-design-support__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-design-support__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-design-support__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-design-support__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-design-support h2 {
  max-width: 830px;
  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-design-support__intro {
  max-width: 620px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-design-support__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-design-support-card {
  position: relative;

  min-height: 260px;
  padding: 28px 27px 25px;

  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-design-support-card:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-design-support-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-design-support-card__number {
  display: block;

  margin-bottom: 22px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-design-support-card h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.dsp-design-support-card p {
  flex: 1;

  margin: 0 0 18px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-design-support-card__use {
  padding-top: 15px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-design-support-card__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-design-support__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-design-support__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-design-support__footer-copy strong {
  color: #ffffff;
}

.dsp-design-support__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-design-support__button:hover,
.dsp-design-support__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-design-support__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-design-support__intro {
    margin-left: 0;
  }

  .dsp-design-support__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-design-support {
    padding: 64px 0;
  }

  .dsp-design-support__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-design-support__header {
    margin-bottom: 30px;
  }

  .dsp-design-support h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-design-support__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-design-support__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-design-support-card {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-design-support__footer {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-design-support__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-design-support"
  id="dsp-design-support"
  aria-labelledby="dsp-design-support-title">

  <div class="dsp-design-support__inner">


    <!-- HEADER -->

    <header class="dsp-design-support__header">

      <div>

        <div class="dsp-design-support__eyebrow">
          Practical artwork support
        </div>

        <h2 id="dsp-design-support-title">
          Design support where the finished physical outcome matters
        </h2>

      </div>


      <p class="dsp-design-support__intro">
        Good production artwork needs to do more than look right on screen.
        DSP's design team works with the final size, application and production
        method in mind, helping turn supplied content and brand material into
        artwork that can move into physical production.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-design-support__grid">


      <!-- 01 -->

      <article class="dsp-design-support-card">

        <span class="dsp-design-support-card__number">
          01
        </span>

        <h3>
          Creating new artwork
        </h3>

        <p>
          Where the business has the content, logo or idea but no finished
          layout, DSP can help develop the artwork around the intended print,
          signage or branding application.
        </p>

        <div class="dsp-design-support-card__use">
          <strong>Useful for:</strong>
          new signs, printed material, labels and branded graphics
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-design-support-card">

        <span class="dsp-design-support-card__number">
          02
        </span>

        <h3>
          Adapting existing artwork
        </h3>

        <p>
          Existing artwork can be adjusted where the original layout does not
          match the size, proportion or practical requirements of the new
          physical format.
        </p>

        <div class="dsp-design-support-card__use">
          <strong>Useful for:</strong>
          repurposing existing brand and campaign material
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-design-support-card">

        <span class="dsp-design-support-card__number">
          03
        </span>

        <h3>
          Resizing for different formats
        </h3>

        <p>
          A design that works on a flyer may need a different layout when used
          on signage, a vehicle, a billboard or another larger physical format.
          DSP can adapt the artwork around the new dimensions.
        </p>

        <div class="dsp-design-support-card__use">
          <strong>Useful for:</strong>
          campaigns used across several print and signage formats
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-design-support-card">

        <span class="dsp-design-support-card__number">
          04
        </span>

        <h3>
          Preparing production artwork
        </h3>

        <p>
          Supplied files can be checked and prepared around the confirmed
          finished requirement so the artwork is aligned with the production
          job before it moves forward.
        </p>

        <div class="dsp-design-support-card__use">
          <strong>Useful for:</strong>
          print-ready and production-ready artwork preparation
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-design-support-card">

        <span class="dsp-design-support-card__number">
          05
        </span>

        <h3>
          Keeping campaign material consistent
        </h3>

        <p>
          Where one campaign needs to appear across several physical outputs,
          artwork can be adapted while keeping the core visual identity and
          messaging consistent from one format to the next.
        </p>

        <div class="dsp-design-support-card__use">
          <strong>Useful for:</strong>
          signage, vehicles, print, labels and large-format campaign material
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-design-support-card">

        <span class="dsp-design-support-card__number">
          06
        </span>

        <h3>
          Practical design guidance
        </h3>

        <p>
          Where the client is unsure how much information to include, how the
          artwork should be arranged or how the design needs to change for the
          finished format, DSP can provide practical guidance around the
          production requirement.
        </p>

        <div class="dsp-design-support-card__use">
          <strong>Useful for:</strong>
          turning an idea or incomplete brief into a workable production job
        </div>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-design-support__footer">

      <p class="dsp-design-support__footer-copy">
        <strong>You do not need finished artwork before contacting DSP.</strong>
        Send the logo, copy, photographs, existing files or even the basic
        requirement together with what needs to be produced. The design team
        can help determine what artwork work is needed before production.
      </p>


      <a
        class="dsp-design-support__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-3208ae0 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="3208ae0" 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-f84bc11 pbmit-bg-color-over-image" data-id="f84bc11" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-52a92b9 elementor-widget elementor-widget-html" data-id="52a92b9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP IN-HOUSE DESIGN PAGE — WHAT TO SEND DSP
   ========================================================= */

.dsp-design-brief,
.dsp-design-brief * {
  box-sizing: border-box;
}

.dsp-design-brief {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --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-design-brief__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-design-brief__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-design-brief__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-design-brief__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-design-brief h2 {
  max-width: 830px;
  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-design-brief__intro {
  max-width: 610px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-design-brief__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-design-brief__item {
  min-height: 220px;
  padding: 28px 25px;

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);

  background: var(--dsp-soft);
}

.dsp-design-brief__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-magenta);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-design-brief__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-design-brief__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-design-brief__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-design-brief__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-design-brief__callout-copy strong {
  color: #ffffff;
}

.dsp-design-brief__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-design-brief__button:hover,
.dsp-design-brief__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-design-brief__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-design-brief__intro {
    margin-left: 0;
  }

  .dsp-design-brief__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-design-brief {
    padding: 62px 0;
  }

  .dsp-design-brief__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-design-brief__header {
    margin-bottom: 28px;
  }

  .dsp-design-brief h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-design-brief__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-design-brief__grid {
    grid-template-columns: 1fr;
  }

  .dsp-design-brief__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-design-brief__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-design-brief__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-design-brief"
  aria-labelledby="dsp-design-brief-title">

  <div class="dsp-design-brief__inner">


    <!-- HEADER -->

    <header class="dsp-design-brief__header">

      <div>

        <div class="dsp-design-brief__eyebrow">
          Starting your artwork brief
        </div>

        <h2 id="dsp-design-brief-title">
          Send what you have and explain what needs to be produced
        </h2>

      </div>


      <p class="dsp-design-brief__intro">
        A useful design brief does not need to be complicated. DSP can start
        with your available brand material, content and production requirement,
        then help identify what needs to be prepared before the job moves forward.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-design-brief__grid">


      <!-- 01 -->

      <article class="dsp-design-brief__item">

        <span class="dsp-design-brief__number">
          01
        </span>

        <h3>
          Logo &amp; brand assets
        </h3>

        <p>
          Send the best available version of your logo together with any brand
          colours, fonts or existing brand guidelines that should be followed
          in the artwork.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-design-brief__item">

        <span class="dsp-design-brief__number">
          02
        </span>

        <h3>
          Existing artwork
        </h3>

        <p>
          If previous artwork, layouts or campaign material already exists,
          send it through. It may provide a useful starting point even if the
          file needs to be adapted for the new application.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-design-brief__item">

        <span class="dsp-design-brief__number">
          03
        </span>

        <h3>
          Copy &amp; key information
        </h3>

        <p>
          Provide the wording, contact details, product information, offer or
          other content that needs to appear on the finished item. Indicate
          which information is most important where possible.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-design-brief__item">

        <span class="dsp-design-brief__number">
          04
        </span>

        <h3>
          Images or visual material
        </h3>

        <p>
          Send any photographs, product images, illustrations or other visual
          material that should form part of the design, using the best quality
          files available.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-design-brief__item">

        <span class="dsp-design-brief__number">
          05
        </span>

        <h3>
          The finished application
        </h3>

        <p>
          Explain what is actually being produced — for example signage,
          vehicle graphics, labels, a brochure, billboard or another physical
          item — together with the approximate dimensions if known.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-design-brief__item">

        <span class="dsp-design-brief__number">
          06
        </span>

        <h3>
          Required timing
        </h3>

        <p>
          Let DSP know when the finished item is needed, particularly where
          the artwork and production form part of a launch, campaign, event,
          installation or other business deadline.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-design-brief__callout">

      <p class="dsp-design-brief__callout-copy">
        <strong>Only have a logo, some wording and a rough idea?</strong>
        That can still be enough to start. Explain what the finished physical
        item needs to achieve and DSP can help work through the artwork
        requirements from there.
      </p>


      <a
        class="dsp-design-brief__button"
        href="/contact-us/">

        Discuss Your Design Brief
        <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-aae554e elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="aae554e" 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-e5fa36f pbmit-bg-color-over-image" data-id="e5fa36f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b83518b elementor-widget elementor-widget-html" data-id="b83518b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP IN-HOUSE DESIGN PAGE — DESIGN-TO-PRODUCTION WORKFLOW
   ========================================================= */

.dsp-design-process,
.dsp-design-process * {
  box-sizing: border-box;
}

.dsp-design-process {
  --dsp-dark: #181819;
  --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(74px, 7vw, 108px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-design-process__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(410px, .85fr)
    minmax(0, 1.15fr);

  align-items: center;
  gap: clamp(52px, 7vw, 105px);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-design-process__visual {
  position: relative;
}

.dsp-design-process__figure {
  position: relative;

  min-height: 560px;

  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, .85fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;

  padding: 12px;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 24px;

  background: #e4e7e8;

  box-shadow: 0 20px 48px rgba(24,28,31,.08);
}

.dsp-design-process__image {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 15px;
  background: #daddde;
}

.dsp-design-process__image--primary {
  grid-column: 1;
  grid-row: 1 / 3;
}

.dsp-design-process__image--secondary-one {
  grid-column: 2;
  grid-row: 1;
}

.dsp-design-process__image--secondary-two {
  grid-column: 2;
  grid-row: 2;
}

.dsp-design-process__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

.dsp-design-process__image--primary img {
  object-position: 54% center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-design-process__badge {
  position: absolute;
  right: -22px;
  bottom: 28px;

  max-width: 290px;
  padding: 18px 20px;

  border-radius: 18px;

  background: var(--dsp-dark);
  color: #ffffff;

  box-shadow: 0 17px 38px rgba(24,28,31,.18);
}

.dsp-design-process__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-design-process__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-design-process__content {
  max-width: 730px;
}

.dsp-design-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: .09em;
  text-transform: uppercase;
}

.dsp-design-process__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-design-process h2 {
  max-width: 720px;
  margin: 0 0 23px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(39px, 4vw, 58px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.04em;
}

.dsp-design-process__intro {
  max-width: 680px;
  margin: 0 0 30px;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   STEPS
   ========================================================= */

.dsp-design-process__steps {
  margin: 0;
  padding: 0;

  list-style: none;

  border-top: 1px solid var(--dsp-border);
}

.dsp-design-process__step {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 18px;

  padding: 20px 0;

  border-bottom: 1px solid var(--dsp-border);
}

.dsp-design-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-design-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-design-process__step p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   CTA
   ========================================================= */

.dsp-design-process__actions {
  margin-top: 31px;

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-design-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

.dsp-design-process__button:hover,
.dsp-design-process__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-design-process__button--primary {
  border: 1px solid var(--dsp-dark);

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-design-process__button--primary:hover,
.dsp-design-process__button--primary:focus-visible {
  border-color: var(--dsp-magenta);

  background: var(--dsp-magenta);
  color: #ffffff;
}

.dsp-design-process__button--secondary {
  border: 1px solid var(--dsp-dark);

  background: transparent;
  color: var(--dsp-dark);
}

.dsp-design-process__button--secondary:hover,
.dsp-design-process__button--secondary:focus-visible {
  background: #ffffff;
  color: var(--dsp-dark);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-design-process__inner {
    grid-template-columns: 1fr;
  }

  .dsp-design-process__visual {
    max-width: 820px;
  }

  .dsp-design-process__figure {
    min-height: 520px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-design-process {
    padding: 64px 0;
  }

  .dsp-design-process__inner {
    width: min(100% - 30px, 600px);
    gap: 38px;
  }

  .dsp-design-process__figure {
    min-height: 430px;
    padding: 9px;
    gap: 9px;

    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(250px, 1.2fr) minmax(150px, .8fr);
  }

  .dsp-design-process__image--primary {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .dsp-design-process__image--secondary-one {
    grid-column: 1;
    grid-row: 2;
  }

  .dsp-design-process__image--secondary-two {
    grid-column: 2;
    grid-row: 2;
  }

  .dsp-design-process__badge {
    position: relative;
    right: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }

  .dsp-design-process h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-design-process__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-design-process__step {
    grid-template-columns: 40px 1fr;
    gap: 14px;
  }

  .dsp-design-process__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-design-process__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-design-process"
  aria-labelledby="dsp-design-process-title">

  <div class="dsp-design-process__inner">


    <!-- IMAGE -->

    <div class="dsp-design-process__visual">

      <div class="dsp-design-process__figure">

        <div class="dsp-design-process__image dsp-design-process__image--primary">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/in-house-signage-design-springs-gauteng.jpg"
            alt="DSP designer developing café signage and packaging artwork at an in-house design workstation in Springs, Gauteng"
            loading="lazy"
            decoding="async">

        </div>


        <div class="dsp-design-process__image dsp-design-process__image--secondary-one">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/acrylic-signage-artwork-prepress-proofing.jpg"
            alt="Technician checking acrylic sign dimensions, mounting holes and print-ready artwork against a production proof"
            loading="lazy"
            decoding="async">

        </div>


        <div class="dsp-design-process__image dsp-design-process__image--secondary-two">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/commercial-brand-design-portfolio-south-africa.jpg"
            alt="Collection of branding, packaging, signage and promotional design projects created for South African businesses"
            loading="lazy"
            decoding="async">

        </div>

      </div>


      <div class="dsp-design-process__badge">

        <span class="dsp-design-process__badge-label">
          Design connected to production
        </span>

        <span class="dsp-design-process__badge-text">
          Artwork is developed around what needs to be printed, cut, branded or produced in the real world.
        </span>

      </div>

    </div>


    <!-- CONTENT -->

    <div class="dsp-design-process__content">

      <div class="dsp-design-process__eyebrow">
        Design-to-production workflow
      </div>

      <h2 id="dsp-design-process-title">
        From an initial brief to artwork ready for the production floor
      </h2>

      <p class="dsp-design-process__intro">
        DSP's designers work with the finished physical requirement in mind.
        The artwork is developed or adapted around the actual size, format and
        production job so design and production remain connected throughout
        the process.
      </p>


      <ol class="dsp-design-process__steps">


        <!-- 01 -->

        <li class="dsp-design-process__step">

          <span class="dsp-design-process__step-number">
            01
          </span>

          <div>

            <h3>
              Understand the finished requirement
            </h3>

            <p>
              The process starts with what needs to be produced, how it will be
              used and the approximate size or format of the finished item.
            </p>

          </div>

        </li>


        <!-- 02 -->

        <li class="dsp-design-process__step">

          <span class="dsp-design-process__step-number">
            02
          </span>

          <div>

            <h3>
              Review the supplied material
            </h3>

            <p>
              Logos, copy, photographs, existing artwork and other brand
              material are reviewed to establish what can be used and what
              additional artwork preparation is required.
            </p>

          </div>

        </li>


        <!-- 03 -->

        <li class="dsp-design-process__step">

          <span class="dsp-design-process__step-number">
            03
          </span>

          <div>

            <h3>
              Develop or adapt the artwork
            </h3>

            <p>
              The layout is created or adjusted around the intended physical
              application, with attention to scale, proportions, hierarchy and
              the information that needs to remain clear in the finished format.
            </p>

          </div>

        </li>


        <!-- 04 -->

        <li class="dsp-design-process__step">

          <span class="dsp-design-process__step-number">
            04
          </span>

          <div>

            <h3>
              Review and approve the layout
            </h3>

            <p>
              The proposed artwork can be reviewed against the confirmed job
              requirement so any necessary changes are resolved before the file
              moves into production preparation.
            </p>

          </div>

        </li>


        <!-- 05 -->

        <li class="dsp-design-process__step">

          <span class="dsp-design-process__step-number">
            05
          </span>

          <div>

            <h3>
              Prepare the artwork for production
            </h3>

            <p>
              Once approved, the artwork is prepared around the specific DSP
              production requirement so the job can move from the design stage
              into physical print, signage, branding or specialist production.
            </p>

          </div>

        </li>


      </ol>


      <!-- ACTIONS -->

      <div class="dsp-design-process__actions">

        <a
          class="dsp-design-process__button
                 dsp-design-process__button--primary"
          href="/contact-us/">

          Discuss Your Artwork
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-design-process__button
                 dsp-design-process__button--secondary"
          href="/services/">

          Explore DSP Services
          <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-d39c98d elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="d39c98d" 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-76b948c pbmit-bg-color-over-image" data-id="76b948c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a1bf44a elementor-widget elementor-widget-html" data-id="a1bf44a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP IN-HOUSE DESIGN PAGE — SERVICES SUPPORTED
   ========================================================= */

.dsp-design-related,
.dsp-design-related * {
  box-sizing: border-box;
}

.dsp-design-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: #ffffff;
  color: var(--dsp-text);
}

.dsp-design-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-design-related__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 38px;
}

.dsp-design-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-design-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-design-related h2 {
  max-width: 850px;
  margin: 0;

  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-design-related__intro {
  max-width: 620px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-design-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-design-related-card {
  position: relative;

  min-height: 275px;
  padding: 27px 25px 25px;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 19px;

  background: var(--dsp-light);
  color: var(--dsp-text);

  text-decoration: none;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.dsp-design-related-card:hover,
.dsp-design-related-card:focus-visible {
  transform: translateY(-4px);

  border-color: #cbd0d2;
  background: #ffffff;

  box-shadow: 0 18px 36px rgba(24,28,31,.08);

  color: var(--dsp-text);
  text-decoration: none;
}

.dsp-design-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-design-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-design-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-design-related-card p {
  flex: 1;

  margin: 0 0 20px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-design-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-design-related-card__arrow {
  font-size: 15px;

  transition: transform 180ms ease;
}

.dsp-design-related-card:hover .dsp-design-related-card__arrow,
.dsp-design-related-card:focus-visible .dsp-design-related-card__arrow {
  transform: translate(3px, -2px);
}

/* =========================================================
   SUPPORT STRIP
   ========================================================= */

.dsp-design-related__support {
  margin-top: 30px;
  padding: 28px 30px;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 32px;

  border-radius: 20px;

  background: var(--dsp-dark);
}

.dsp-design-related__support p {
  max-width: 820px;
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-design-related__support strong {
  color: #ffffff;
}

.dsp-design-related__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-design-related__button:hover,
.dsp-design-related__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-design-related__footer {
  margin-top: 27px;
  padding-top: 23px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;

  border-top: 1px solid var(--dsp-border);
}

.dsp-design-related__footer p {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-design-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-design-related__all-services:hover,
.dsp-design-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-design-related__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-design-related__intro {
    margin-left: 0;
  }

  .dsp-design-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-design-related {
    padding: 60px 0;
  }

  .dsp-design-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-design-related__header {
    margin-bottom: 28px;
  }

  .dsp-design-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-design-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-design-related-card {
    min-height: auto;
  }

  .dsp-design-related__support {
    grid-template-columns: 1fr;
    padding: 25px 22px;
  }

  .dsp-design-related__button {
    width: 100%;
  }

  .dsp-design-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-design-related"
  aria-labelledby="dsp-design-related-title">

  <div class="dsp-design-related__inner">


    <!-- HEADER -->

    <header class="dsp-design-related__header">

      <div>

        <div class="dsp-design-related__eyebrow">
          Design across DSP production
        </div>

        <h2 id="dsp-design-related-title">
          Artwork support connected to the format that will actually be produced
        </h2>

      </div>


      <p class="dsp-design-related__intro">
        Different physical formats place different demands on artwork. DSP's
        designers can adapt the layout, proportions and information around the
        actual print, signage or branding application rather than treating one
        design file as suitable for every format.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-design-related__grid">


      <!-- SIGNAGE -->

      <a
        class="dsp-design-related-card"
        href="/service/signage/">

        <span class="dsp-design-related-card__label">
          Business visibility
        </span>

        <h3>
          Signage
        </h3>

        <p>
          Artwork can be developed around the final sign dimensions, viewing
          context and information hierarchy so the design works as a physical
          business sign rather than only as an on-screen layout.
        </p>

        <span class="dsp-design-related-card__link">
          Explore Signage
          <span
            class="dsp-design-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- VEHICLE BRANDING -->

      <a
        class="dsp-design-related-card"
        href="/service/vehicle-wrap/">

        <span class="dsp-design-related-card__label">
          Mobile brand visibility
        </span>

        <h3>
          Vehicle Branding &amp; Wraps
        </h3>

        <p>
          Vehicle layouts need to work around the shape and proportions of the
          vehicle while keeping the most important branding and contact
          information clear.
        </p>

        <span class="dsp-design-related-card__link">
          Explore Vehicle Branding
          <span
            class="dsp-design-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- WIDE FORMAT -->

      <a
        class="dsp-design-related-card"
        href="/service/wide-format-printing/">

        <span class="dsp-design-related-card__label">
          Large-scale graphics
        </span>

        <h3>
          Wide Format Printing
        </h3>

        <p>
          Artwork for banners, displays and other large-format applications can
          be prepared around final scale, proportions, image quality and the
          intended viewing environment.
        </p>

        <span class="dsp-design-related-card__link">
          Explore Wide Format
          <span
            class="dsp-design-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- BUSINESS PRINT & LABELS -->

      <a
        class="dsp-design-related-card"
        href="/service/full-colour-printing/">

        <span class="dsp-design-related-card__label">
          Business print
        </span>

        <h3>
          Business Print &amp; Labels
        </h3>

        <p>
          Layout and artwork support can help prepare brochures, flyers,
          stationery, labels and other printed business material around the
          intended finished size and production requirement.
        </p>

        <span class="dsp-design-related-card__link">
          Explore Business Print
          <span
            class="dsp-design-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <!-- SUPPORT STRIP -->

    <div class="dsp-design-related__support">

      <p>
        <strong>One campaign, several physical formats?</strong>
        DSP can adapt the same core brand material across print, signage,
        vehicle graphics, labels and large-format applications while preparing
        each piece around its own production requirements.
      </p>


      <a
        class="dsp-design-related__button"
        href="/contact-us/">

        Discuss Your Project
        <span aria-hidden="true">↗</span>

      </a>

    </div>


    <!-- FOOTER -->

    <footer class="dsp-design-related__footer">

      <p>
        Design support is available across DSP's wider print, signage and
        specialist production services. Start with the finished item you need
        and the team can help work backwards to the artwork required.
      </p>

      <a
        class="dsp-design-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-7762c3b elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="7762c3b" 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-a1071d2 pbmit-bg-color-over-image" data-id="a1071d2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c03db58 elementor-widget elementor-widget-html" data-id="c03db58" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP IN-HOUSE DESIGN PAGE — FAQ
   ========================================================= */

.dsp-design-faq,
.dsp-design-faq * {
  box-sizing: border-box;
}

.dsp-design-faq {
  --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-design-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-design-faq__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-design-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-design-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-design-faq h2 {
  max-width: 820px;
  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-design-faq__intro {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-design-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-design-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-design-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-design-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-design-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: #ffffff;
  color: var(--dsp-dark);

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.dsp-design-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-design-faq__answer {
  max-width: 900px;
  padding: 0 52px 25px 0;
}

.dsp-design-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-design-faq__footer {
  margin-top: 34px;
  padding: 25px 27px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  border: 1px solid var(--dsp-border);
  border-radius: 18px;

  background: #ffffff;
}

.dsp-design-faq__footer p {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-design-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-design-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-design-faq__link:hover,
.dsp-design-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-design-faq {
    padding: 60px 0;
  }

  .dsp-design-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-design-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-design-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-design-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-design-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-design-faq__footer {
    align-items: flex-start;
    flex-direction: column;

    padding: 23px 21px;
  }
}
</style>


<section
  class="dsp-design-faq"
  aria-labelledby="dsp-design-faq-title">

  <div class="dsp-design-faq__inner">


    <!-- HEADER -->

    <header class="dsp-design-faq__header">

      <div class="dsp-design-faq__eyebrow">
        In-House Design FAQs
      </div>

      <h2 id="dsp-design-faq-title">
        Questions businesses often ask before sending artwork to DSP
      </h2>

      <p class="dsp-design-faq__intro">
        You do not need a finished design before getting in touch. The most
        useful starting point is the material you already have together with a
        clear explanation of what needs to be produced.
      </p>

    </header>


    <!-- FAQ LIST -->

    <div class="dsp-design-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          Do I need finished artwork before contacting DSP?
        </summary>

        <div class="dsp-design-faq__answer">

          <p>
            No. You can start with your logo, wording, photographs, existing
            brand material or even a basic description of what needs to be
            produced. DSP's design team can help determine what artwork work is
            required before the job moves into production.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          Can DSP adapt artwork I already have?
        </summary>

        <div class="dsp-design-faq__answer">

          <p>
            Yes. Existing artwork can be reviewed and adapted where the size,
            proportions, layout or intended application has changed. This is
            particularly useful when the same brand material needs to work in a
            different physical format.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          Can the same artwork be used across print, signage and vehicle branding?
        </summary>

        <div class="dsp-design-faq__answer">

          <p>
            The same core brand material can often be carried across several
            applications, but the layout usually needs to be adapted for each
            format. A brochure, vehicle graphic and business sign have different
            proportions, viewing conditions and production requirements, so DSP
            can prepare each version around its intended use.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          Does DSP provide design support for different types of production work?
        </summary>

        <div class="dsp-design-faq__answer">

          <p>
            DSP's in-house design capability supports a wide range of its print,
            signage, branding and specialist production requirements. If you
            have a design-only requirement or are unsure whether the intended
            job falls within the available service scope, contact the team with
            the brief so the requirement can be assessed.
          </p>

        </div>

      </details>


    </div>


    <!-- FOOTER -->

    <div class="dsp-design-faq__footer">

      <p>
        <strong>Not sure whether your current artwork is ready for production?</strong>
        Send DSP the files together with the finished item you need, and the
        team can assess what needs to be prepared before the job moves forward.
      </p>

      <a
        class="dsp-design-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-bfe8093 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="bfe8093" 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-b95e93d pbmit-bg-color-over-image" data-id="b95e93d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cf4f7e1 elementor-widget elementor-widget-html" data-id="cf4f7e1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP IN-HOUSE DESIGN PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-design-final-cta,
.dsp-design-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-design-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-design-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-design-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(236,0,140,.11),
      transparent 31%
    ),
    radial-gradient(
      circle at 5% 94%,
      rgba(0,174,239,.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-design-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-design-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-design-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-design-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-design-final-cta h2 {
  max-width: 920px;

  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-design-final-cta__copy {
  max-width: 800px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-design-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-design-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-design-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-design-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-design-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-design-final-cta__button:hover,
.dsp-design-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-design-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-design-final-cta__button--primary:hover,
.dsp-design-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-design-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-design-final-cta__button--secondary:hover,
.dsp-design-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-design-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-design-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-design-final-cta {
    padding: 54px 0;
  }

  .dsp-design-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-design-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-design-final-cta__main {
    gap: 34px;
  }

  .dsp-design-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-design-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-design-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-design-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-design-final-cta"
  aria-labelledby="dsp-design-final-cta-title"
>

  <div class="dsp-design-final-cta__inner">

    <div class="dsp-design-final-cta__shell">

      <div class="dsp-design-final-cta__main">


        <!-- COPY -->

        <div class="dsp-design-final-cta__content">

          <div class="dsp-design-final-cta__eyebrow">
            Start with what you have
          </div>

          <h2 id="dsp-design-final-cta-title">
            Need artwork prepared for something that has to be printed, branded or produced?
          </h2>

          <p class="dsp-design-final-cta__copy">
            Send DSP your logo, existing artwork, copy, images or a basic
            description of what needs to be produced. The in-house design team
            can help develop or adapt the artwork around the finished size,
            application and production requirements before the job moves
            forward.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-design-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about design and artwork support"
        >

          <h3 class="dsp-design-final-cta__panel-heading">
            Need production-ready artwork?
          </h3>

          <p class="dsp-design-final-cta__panel-copy">
            Share the material you already have and explain what needs to be
            produced. DSP can help establish the artwork preparation needed
            for the job.
          </p>

          <div class="dsp-design-final-cta__buttons">

            <a
              class="
                dsp-design-final-cta__button
                dsp-design-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-design-final-cta__button
                dsp-design-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>
		<item>
		<title>Rubber Stamps</title>
		<link>https://dynamicsp.co.za/service/rubber-stamps/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 01:18:06 +0000</pubDate>
				<guid isPermaLink="false">https://34609e326d14.xneelosites.com/?post_type=pbmit-service&#038;p=5540</guid>

					<description><![CDATA[Rubber Stamps · Springs, Gauteng Custom rubber stamps for everyday business and administrative use DSP produces custom rubber stamps for businesses that need company details, recurring wording, approvals, identification or other administrative information applied clearly and consistently. The team can also help prepare the stamp layout from the information or artwork you provide. Company detail [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5540" class="elementor elementor-5540">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-b9c101c elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="b9c101c" 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-7f3e7bf pbmit-bg-color-over-image" data-id="7f3e7bf" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6200075 elementor-widget elementor-widget-html" data-id="6200075" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP RUBBER STAMPS PAGE — HERO
   ========================================================= */

.dsp-stamp-hero,
.dsp-stamp-hero * {
  box-sizing: border-box;
}

.dsp-stamp-hero {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255,255,255,.72);
  --dsp-border: rgba(255,255,255,.14);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;
  width: 100%;
  overflow: hidden;

  padding:
    clamp(82px, 8vw, 128px)
    0
    clamp(72px, 7vw, 106px);

  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(236,0,140,.10),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: #ffffff;
}

.dsp-stamp-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-stamp-hero__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .78fr);

  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-stamp-hero__content {
  max-width: 860px;
}

.dsp-stamp-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 18px;

  color: rgba(255,255,255,.76);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-stamp-hero__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-stamp-hero h1 {
  max-width: 900px;
  margin: 0 0 25px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(45px, 4.9vw, 74px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -.045em;
}

.dsp-stamp-hero__intro {
  max-width: 770px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT POINTS
   ========================================================= */

.dsp-stamp-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-stamp-hero__points li {
  position: relative;

  color: rgba(255,255,255,.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-stamp-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-stamp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-stamp-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.dsp-stamp-hero__button:hover,
.dsp-stamp-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-stamp-hero__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-stamp-hero__button--primary:hover,
.dsp-stamp-hero__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}

.dsp-stamp-hero__button--secondary {
  background: transparent;
  border-color: rgba(255,255,255,.55);
  color: #ffffff;
}

.dsp-stamp-hero__button--secondary:hover,
.dsp-stamp-hero__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);
  border-color: #ffffff;
  color: #ffffff;
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-stamp-hero__visual {
  position: relative;
}

.dsp-stamp-hero__figure {
  position: relative;

  min-height: 525px;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );

  box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

.dsp-stamp-hero__figure img {
  display: block;

  width: 100%;
  height: 100%;
  min-height: 525px;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-stamp-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  max-width: 270px;
  padding: 17px 19px;

  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;

  background: rgba(23,23,24,.94);

  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}

.dsp-stamp-hero__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-stamp-hero__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .dsp-stamp-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-stamp-hero__visual {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-stamp-hero {
    padding: 72px 0 66px;
  }

  .dsp-stamp-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-stamp-hero h1 {
    font-size: clamp(39px, 10.8vw, 51px);
  }

  .dsp-stamp-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-stamp-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-stamp-hero__button {
    width: 100%;
  }

  .dsp-stamp-hero__figure {
    min-height: auto;
    aspect-ratio: 4 / 3;
  }

  .dsp-stamp-hero__figure img {
    min-height: 0;
    height: 100%;
  }

  .dsp-stamp-hero__badge {
    position: relative;
    left: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }
}
</style>


<section
  class="dsp-stamp-hero"
  aria-labelledby="dsp-stamp-hero-title">

  <div class="dsp-stamp-hero__inner">


    <!-- CONTENT -->

    <div class="dsp-stamp-hero__content">

      <div class="dsp-stamp-hero__eyebrow">
        Rubber Stamps · Springs, Gauteng
      </div>

      <h1 id="dsp-stamp-hero-title">
        Custom rubber stamps for everyday business and administrative use
      </h1>

      <p class="dsp-stamp-hero__intro">
        DSP produces custom rubber stamps for businesses that need company
        details, recurring wording, approvals, identification or other
        administrative information applied clearly and consistently. The team
        can also help prepare the stamp layout from the information or artwork
        you provide.
      </p>


      <ul
        class="dsp-stamp-hero__points"
        aria-label="DSP rubber stamp services">

        <li>Company detail stamps</li>
        <li>Administrative stamps</li>
        <li>Custom wording</li>
        <li>Layout support</li>

      </ul>


      <div class="dsp-stamp-hero__actions">

        <a
          class="dsp-stamp-hero__button
                 dsp-stamp-hero__button--primary"
          href="/contact-us/">

          Order a Custom Stamp
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-stamp-hero__button
                 dsp-stamp-hero__button--secondary"
          href="#dsp-stamp-options">

          Explore Stamp Uses
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>


    <!-- IMAGE -->

    <div class="dsp-stamp-hero__visual">

      <div class="dsp-stamp-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-rubber-stamps-springs-gauteng.jpg"
          alt="Custom business rubber stamps produced by Dynamic Signs and Print in Springs, Gauteng"
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </div>


      <div class="dsp-stamp-hero__badge">

        <span class="dsp-stamp-hero__badge-label">
          Made around your information
        </span>

        <span class="dsp-stamp-hero__badge-text">
          Custom wording and practical layout support for recurring business use.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a7102a7 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="a7102a7" 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-b8bdbd7 pbmit-bg-color-over-image" data-id="b8bdbd7" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-df36d75 elementor-widget elementor-widget-html" data-id="df36d75" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP RUBBER STAMPS PAGE — COMMON USES
   ========================================================= */

.dsp-stamp-options,
.dsp-stamp-options * {
  box-sizing: border-box;
}

.dsp-stamp-options {
  --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(74px, 7vw, 108px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);

  scroll-margin-top: 30px;
}

.dsp-stamp-options__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-stamp-options__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-stamp-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-stamp-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-stamp-options h2 {
  max-width: 790px;
  margin: 0;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(39px, 4vw, 59px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.038em;
}

.dsp-stamp-options__intro {
  max-width: 590px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-stamp-options__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-stamp-option {
  position: relative;

  min-height: 245px;
  padding: 28px 27px 25px;

  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-stamp-option:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-stamp-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-stamp-option__number {
  display: block;

  margin-bottom: 22px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-stamp-option h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.dsp-stamp-option p {
  flex: 1;

  margin: 0 0 18px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-stamp-option__use {
  padding-top: 15px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-stamp-option__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-stamp-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-stamp-options__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-stamp-options__footer-copy strong {
  color: #ffffff;
}

.dsp-stamp-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-stamp-options__button:hover,
.dsp-stamp-options__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-stamp-options__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-stamp-options__intro {
    margin-left: 0;
  }

  .dsp-stamp-options__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-stamp-options {
    padding: 64px 0;
  }

  .dsp-stamp-options__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-stamp-options__header {
    margin-bottom: 30px;
  }

  .dsp-stamp-options h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-stamp-options__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-stamp-options__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-stamp-option {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-stamp-options__footer {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-stamp-options__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-stamp-options"
  id="dsp-stamp-options"
  aria-labelledby="dsp-stamp-options-title">

  <div class="dsp-stamp-options__inner">


    <!-- HEADER -->

    <header class="dsp-stamp-options__header">

      <div>

        <div class="dsp-stamp-options__eyebrow">
          Common stamp requirements
        </div>

        <h2 id="dsp-stamp-options-title">
          Custom stamps for recurring business information and administration
        </h2>

      </div>


      <p class="dsp-stamp-options__intro">
        Rubber stamps make repetitive business information quicker and more
        consistent to apply. DSP can prepare the stamp around the wording,
        company details or administrative information you need to use regularly.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-stamp-options__grid">


      <!-- 01 -->

      <article class="dsp-stamp-option">

        <span class="dsp-stamp-option__number">
          01
        </span>

        <h3>
          Company detail stamps
        </h3>

        <p>
          Custom stamps carrying frequently used company information so the
          same details can be applied consistently to documents and business
          paperwork.
        </p>

        <div class="dsp-stamp-option__use">
          <strong>Useful for:</strong>
          company details, contact information and recurring document use
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-stamp-option">

        <span class="dsp-stamp-option__number">
          02
        </span>

        <h3>
          Approval &amp; administrative stamps
        </h3>

        <p>
          Repeated wording used as part of everyday office, administrative
          and document-handling processes.
        </p>

        <div class="dsp-stamp-option__use">
          <strong>Useful for:</strong>
          approvals, processing, checking and internal administration
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-stamp-option">

        <span class="dsp-stamp-option__number">
          03
        </span>

        <h3>
          Received &amp; document-status stamps
        </h3>

        <p>
          Stamps used to indicate the status or handling of documents where
          the same wording needs to be applied repeatedly.
        </p>

        <div class="dsp-stamp-option__use">
          <strong>Useful for:</strong>
          received documents, office processing and record handling
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-stamp-option">

        <span class="dsp-stamp-option__number">
          04
        </span>

        <h3>
          Identification stamps
        </h3>

        <p>
          Custom wording used to identify a department, person, business
          function or other recurring administrative reference.
        </p>

        <div class="dsp-stamp-option__use">
          <strong>Useful for:</strong>
          departments, offices, document identification and internal use
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-stamp-option">

        <span class="dsp-stamp-option__number">
          05
        </span>

        <h3>
          Repetitive business wording
        </h3>

        <p>
          Where the same short instruction, statement or information is
          regularly written onto documents, a custom stamp can create a more
          consistent and practical process.
        </p>

        <div class="dsp-stamp-option__use">
          <strong>Useful for:</strong>
          recurring wording, instructions and routine paperwork
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-stamp-option">

        <span class="dsp-stamp-option__number">
          06
        </span>

        <h3>
          Custom stamp requirements
        </h3>

        <p>
          If your requirement does not fit a standard business stamp,
          send DSP the wording, logo or reference you need reproduced and the
          team can assess a practical layout.
        </p>

        <div class="dsp-stamp-option__use">
          <strong>Useful for:</strong>
          specialised office, business and administrative requirements
        </div>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-stamp-options__footer">

      <p class="dsp-stamp-options__footer-copy">
        <strong>Not sure what stamp size or layout you need?</strong>
        Send DSP the exact wording, company details or logo that must appear
        on the stamp and explain how it will be used. The team can help work
        through the practical layout from there.
      </p>


      <a
        class="dsp-stamp-options__button"
        href="/contact-us/">

        Discuss Your Stamp
        <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-4b92081 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="4b92081" 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-9b95f57 pbmit-bg-color-over-image" data-id="9b95f57" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bc351ff elementor-widget elementor-widget-html" data-id="bc351ff" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP RUBBER STAMPS PAGE — WHAT DSP NEEDS
   ========================================================= */

.dsp-stamp-details,
.dsp-stamp-details * {
  box-sizing: border-box;
}

.dsp-stamp-details {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --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-stamp-details__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-stamp-details__header {
  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-stamp-details__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-stamp-details__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-stamp-details h2 {
  max-width: 800px;
  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-stamp-details__intro {
  max-width: 600px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-stamp-details__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-stamp-details__item {
  min-height: 210px;
  padding: 28px 25px;

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);

  background: var(--dsp-soft);
}

.dsp-stamp-details__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-magenta);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-stamp-details__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-stamp-details__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-stamp-details__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-stamp-details__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-stamp-details__callout-copy strong {
  color: #ffffff;
}

.dsp-stamp-details__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-stamp-details__button:hover,
.dsp-stamp-details__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-stamp-details__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-stamp-details__intro {
    margin-left: 0;
  }

  .dsp-stamp-details__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-stamp-details {
    padding: 62px 0;
  }

  .dsp-stamp-details__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-stamp-details__header {
    margin-bottom: 28px;
  }

  .dsp-stamp-details h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-stamp-details__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-stamp-details__grid {
    grid-template-columns: 1fr;
  }

  .dsp-stamp-details__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-stamp-details__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-stamp-details__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-stamp-details"
  aria-labelledby="dsp-stamp-details-title">

  <div class="dsp-stamp-details__inner">


    <!-- HEADER -->

    <header class="dsp-stamp-details__header">

      <div>

        <div class="dsp-stamp-details__eyebrow">
          Preparing your stamp order
        </div>

        <h2 id="dsp-stamp-details-title">
          Start with the information the stamp needs to reproduce
        </h2>

      </div>


      <p class="dsp-stamp-details__intro">
        You do not need to know the exact stamp size or production setup before
        contacting DSP. The wording, intended use and any available artwork
        provide a practical starting point for preparing the stamp layout.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-stamp-details__grid">


      <!-- 01 -->

      <article class="dsp-stamp-details__item">

        <span class="dsp-stamp-details__number">
          01
        </span>

        <h3>
          Exact wording
        </h3>

        <p>
          Provide the wording exactly as it should appear on the stamp,
          including company details, administrative wording, names or other
          recurring information.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-stamp-details__item">

        <span class="dsp-stamp-details__number">
          02
        </span>

        <h3>
          Logo or artwork
        </h3>

        <p>
          If the stamp needs to include a logo or other graphic element,
          send the best-quality artwork available so the layout can be assessed
          for the intended stamp.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-stamp-details__item">

        <span class="dsp-stamp-details__number">
          03
        </span>

        <h3>
          Intended use
        </h3>

        <p>
          Explain how the stamp will be used and what type of information
          needs to be applied repeatedly. This helps guide a practical layout
          and finished format.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-stamp-details__item">

        <span class="dsp-stamp-details__number">
          04
        </span>

        <h3>
          Preferred size or layout
        </h3>

        <p>
          If you already have a size or layout in mind, include it with the
          enquiry. If not, DSP can help determine a practical arrangement
          around the amount of information required.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-stamp-details__item">

        <span class="dsp-stamp-details__number">
          05
        </span>

        <h3>
          Quantity
        </h3>

        <p>
          Let DSP know how many stamps are required, particularly where several
          people, departments or branches need the same or related stamp layouts.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-stamp-details__item">

        <span class="dsp-stamp-details__number">
          06
        </span>

        <h3>
          Existing stamp reference
        </h3>

        <p>
          If an existing stamp is being replaced, a clear photograph or sample
          can help show the current wording, proportions and general format.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-stamp-details__callout">

      <p class="dsp-stamp-details__callout-copy">
        <strong>Only have the wording at this stage?</strong>
        That is enough to start. Send DSP the information that must appear and
        explain how the stamp will be used; the team can help work through the
        layout from there.
      </p>


      <a
        class="dsp-stamp-details__button"
        href="/contact-us/">

        Send Your Stamp Details
        <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-e86fcc7 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="e86fcc7" 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-24fa1c5 pbmit-bg-color-over-image" data-id="24fa1c5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d6dc2cb elementor-widget elementor-widget-html" data-id="d6dc2cb" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP RUBBER STAMPS PAGE — RELATED SERVICES
   ========================================================= */

.dsp-stamp-related,
.dsp-stamp-related * {
  box-sizing: border-box;
}

.dsp-stamp-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: #ffffff;
  color: var(--dsp-text);
}

.dsp-stamp-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-stamp-related__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-stamp-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-stamp-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-stamp-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-stamp-related__intro {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-stamp-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-stamp-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: var(--dsp-light);
  color: var(--dsp-text);

  text-decoration: none;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.dsp-stamp-related-card:hover,
.dsp-stamp-related-card:focus-visible {
  transform: translateY(-4px);

  border-color: #cbd0d2;
  background: #ffffff;

  box-shadow: 0 18px 36px rgba(24,28,31,.08);

  color: var(--dsp-text);
  text-decoration: none;
}

.dsp-stamp-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-stamp-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-stamp-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-stamp-related-card p {
  flex: 1;

  margin: 0 0 20px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-stamp-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-stamp-related-card__arrow {
  font-size: 15px;

  transition: transform 180ms ease;
}

.dsp-stamp-related-card:hover .dsp-stamp-related-card__arrow,
.dsp-stamp-related-card:focus-visible .dsp-stamp-related-card__arrow {
  transform: translate(3px, -2px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-stamp-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-stamp-related__footer p {
  max-width: 700px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-stamp-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-stamp-related__all-services:hover,
.dsp-stamp-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-stamp-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-stamp-related {
    padding: 60px 0;
  }

  .dsp-stamp-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-stamp-related__header {
    margin-bottom: 28px;
  }

  .dsp-stamp-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-stamp-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-stamp-related-card {
    min-height: auto;
  }

  .dsp-stamp-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-stamp-related"
  aria-labelledby="dsp-stamp-related-title">

  <div class="dsp-stamp-related__inner">


    <!-- HEADER -->

    <header class="dsp-stamp-related__header">

      <div class="dsp-stamp-related__eyebrow">
        Related business services
      </div>

      <h2 id="dsp-stamp-related-title">
        Other practical services for everyday business identification and print
      </h2>

      <p class="dsp-stamp-related__intro">
        Rubber stamps often form part of a wider administrative or business
        print requirement. DSP can also support labels, printed material,
        document production and artwork preparation through related in-house
        services.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-stamp-related__grid">


      <!-- LABEL PRINTING -->

      <a
        class="dsp-stamp-related-card"
        href="/service/label-printing/">

        <span class="dsp-stamp-related-card__label">
          Business identification
        </span>

        <h3>
          Label Printing
        </h3>

        <p>
          Custom printed labels for products, packaging, business
          identification and operational requirements.
        </p>

        <span class="dsp-stamp-related-card__link">
          Explore Label Printing
          <span
            class="dsp-stamp-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- FULL COLOUR PRINTING -->

      <a
        class="dsp-stamp-related-card"
        href="/service/full-colour-printing/">

        <span class="dsp-stamp-related-card__label">
          Business print
        </span>

        <h3>
          Full Colour Printing
        </h3>

        <p>
          Flyers, brochures, stationery, promotional material and other
          professionally produced printed business communication.
        </p>

        <span class="dsp-stamp-related-card__link">
          Explore Full Colour
          <span
            class="dsp-stamp-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- COPY CENTRE -->

      <a
        class="dsp-stamp-related-card"
        href="/service/copy-centre/">

        <span class="dsp-stamp-related-card__label">
          Everyday office support
        </span>

        <h3>
          Copy Centre
        </h3>

        <p>
          Practical document printing, copying, presentation material and
          everyday office production support.
        </p>

        <span class="dsp-stamp-related-card__link">
          Explore Copy Centre
          <span
            class="dsp-stamp-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- IN-HOUSE DESIGN -->

      <a
        class="dsp-stamp-related-card"
        href="/service/in-house-design/">

        <span class="dsp-stamp-related-card__label">
          Artwork support
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Practical artwork and layout support where logos, information or
          business graphics need to be prepared for print and production.
        </p>

        <span class="dsp-stamp-related-card__link">
          Explore Design Support
          <span
            class="dsp-stamp-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <!-- FOOTER -->

    <footer class="dsp-stamp-related__footer">

      <p>
        Need stamps, labels and printed business material together? DSP can
        help assess the different requirements as part of one broader
        production enquiry.
      </p>

      <a
        class="dsp-stamp-related__all-services"
        href="/services/">

        View All DSP Services →
      </a>

    </footer>


  </div>

</section>				</div>
				</div>
				<div class="elementor-element elementor-element-6f28b52 elementor-widget elementor-widget-html" data-id="6f28b52" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP RUBBER STAMPS PAGE — FAQ
   ========================================================= */

.dsp-stamp-faq,
.dsp-stamp-faq * {
  box-sizing: border-box;
}

.dsp-stamp-faq {
  --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-stamp-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-stamp-faq__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-stamp-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-stamp-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-stamp-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-stamp-faq__intro {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-stamp-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-stamp-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-stamp-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-stamp-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-stamp-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: #ffffff;
  color: var(--dsp-dark);

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.dsp-stamp-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-stamp-faq__answer {
  max-width: 880px;
  padding: 0 52px 25px 0;
}

.dsp-stamp-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-stamp-faq__footer {
  margin-top: 34px;
  padding: 25px 27px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  border: 1px solid var(--dsp-border);
  border-radius: 18px;

  background: #ffffff;
}

.dsp-stamp-faq__footer p {
  max-width: 700px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-stamp-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-stamp-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-stamp-faq__link:hover,
.dsp-stamp-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-stamp-faq {
    padding: 60px 0;
  }

  .dsp-stamp-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-stamp-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-stamp-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-stamp-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-stamp-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-stamp-faq__footer {
    align-items: flex-start;
    flex-direction: column;

    padding: 23px 21px;
  }
}
</style>


<section
  class="dsp-stamp-faq"
  aria-labelledby="dsp-stamp-faq-title">

  <div class="dsp-stamp-faq__inner">


    <!-- HEADER -->

    <header class="dsp-stamp-faq__header">

      <div class="dsp-stamp-faq__eyebrow">
        Rubber Stamp FAQs
      </div>

      <h2 id="dsp-stamp-faq-title">
        Questions businesses often ask before ordering a custom stamp
      </h2>

      <p class="dsp-stamp-faq__intro">
        You do not need to know the exact stamp size or layout before getting
        in touch. The wording, intended use and any available logo or reference
        material are usually enough to start the order.
      </p>

    </header>


    <!-- FAQ LIST -->

    <div class="dsp-stamp-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          What information should I send when ordering a custom rubber stamp?
        </summary>

        <div class="dsp-stamp-faq__answer">

          <p>
            Send the exact wording or company details that need to appear,
            together with any logo or artwork if required. It also helps to
            explain how the stamp will be used and how many stamps you need.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          Can DSP help with the stamp layout if I only have the wording?
        </summary>

        <div class="dsp-stamp-faq__answer">

          <p>
            Yes. DSP can arrange the supplied wording into a practical stamp
            layout and help determine an appropriate format around the amount
            of information that needs to be reproduced.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          Can a company logo be included on a rubber stamp?
        </summary>

        <div class="dsp-stamp-faq__answer">

          <p>
            A logo can be considered as part of the stamp artwork where the
            supplied graphic and intended stamp layout are suitable. Send the
            best-quality logo file available so DSP can assess how it will work
            within the finished stamp.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          Can DSP replace or reproduce an existing business stamp?
        </summary>

        <div class="dsp-stamp-faq__answer">

          <p>
            If an existing stamp needs to be replaced, send a clear photograph,
            scan or sample where possible. This provides a useful reference for
            the wording and general layout, and any required changes can be
            discussed before the replacement is produced.
          </p>

        </div>

      </details>


    </div>


    <!-- FOOTER -->

    <div class="dsp-stamp-faq__footer">

      <p>
        <strong>Only have the wording or an old stamp to work from?</strong>
        Send DSP what you have and the team can help prepare the requirement
        for production.
      </p>

      <a
        class="dsp-stamp-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-9c7f9f5 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="9c7f9f5" 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-96a90f7 pbmit-bg-color-over-image" data-id="96a90f7" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4655e1d elementor-widget elementor-widget-html" data-id="4655e1d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP RUBBER STAMPS PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-stamp-final-cta,
.dsp-stamp-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-stamp-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-stamp-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-stamp-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(236,0,140,.11),
      transparent 31%
    ),
    radial-gradient(
      circle at 5% 94%,
      rgba(0,174,239,.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-stamp-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-stamp-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-stamp-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-stamp-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-stamp-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-stamp-final-cta__copy {
  max-width: 790px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-stamp-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-stamp-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-stamp-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-stamp-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-stamp-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-stamp-final-cta__button:hover,
.dsp-stamp-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-stamp-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-stamp-final-cta__button--primary:hover,
.dsp-stamp-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-stamp-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-stamp-final-cta__button--secondary:hover,
.dsp-stamp-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-stamp-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-stamp-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-stamp-final-cta {
    padding: 54px 0;
  }

  .dsp-stamp-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-stamp-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-stamp-final-cta__main {
    gap: 34px;
  }

  .dsp-stamp-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-stamp-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-stamp-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-stamp-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-stamp-final-cta"
  aria-labelledby="dsp-stamp-final-cta-title"
>

  <div class="dsp-stamp-final-cta__inner">

    <div class="dsp-stamp-final-cta__shell">

      <div class="dsp-stamp-final-cta__main">


        <!-- COPY -->

        <div class="dsp-stamp-final-cta__content">

          <div class="dsp-stamp-final-cta__eyebrow">
            Start your rubber stamp enquiry
          </div>

          <h2 id="dsp-stamp-final-cta-title">
            Need a custom stamp for your business or office?
          </h2>

          <p class="dsp-stamp-final-cta__copy">
            Send DSP the exact wording, company details, logo or an existing
            stamp reference, together with the number of stamps required.
            If the size or layout still needs to be decided, the team can help
            work through the practical details before production.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-stamp-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about rubber stamps"
        >

          <h3 class="dsp-stamp-final-cta__panel-heading">
            Know what the stamp needs to say?
          </h3>

          <p class="dsp-stamp-final-cta__panel-copy">
            Share the wording, company details, logo or an existing stamp
            reference, together with the quantity required.
          </p>

          <div class="dsp-stamp-final-cta__buttons">

            <a
              class="
                dsp-stamp-final-cta__button
                dsp-stamp-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-stamp-final-cta__button
                dsp-stamp-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>
		<item>
		<title>Billboards</title>
		<link>https://dynamicsp.co.za/service/billboards/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 01:17:45 +0000</pubDate>
				<guid isPermaLink="false">https://34609e326d14.xneelosites.com/?post_type=pbmit-service&#038;p=5545</guid>

					<description><![CDATA[Billboard Printing · Springs &#038; East Rand Large-format billboard printing across Gauteng and the East Rand Dynamic Signs &#038; Print provides in-house billboard printing and large-format artwork support for businesses, site managers and regional marketing campaigns. From scale preparation to durable outdoor finishing, we ensure your outdoor media is produced accurately for maximum visibility. Large-format [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5545" class="elementor elementor-5545">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-c2d585c elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="c2d585c" 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-6321fcc pbmit-bg-color-over-image" data-id="6321fcc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c578dfe elementor-widget elementor-widget-html" data-id="c578dfe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP BILLBOARDS PAGE — HERO
   ========================================================= */

.dsp-billboard-hero,
.dsp-billboard-hero * {
  box-sizing: border-box;
}

.dsp-billboard-hero {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255,255,255,.72);
  --dsp-border: rgba(255,255,255,.14);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;
  width: 100%;
  overflow: hidden;

  padding:
    clamp(82px, 8vw, 128px)
    0
    clamp(72px, 7vw, 106px);

  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(255,221,0,.10),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: #ffffff;
}

.dsp-billboard-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-billboard-hero__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .78fr);

  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-billboard-hero__content {
  max-width: 880px;
}

.dsp-billboard-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 18px;

  color: rgba(255,255,255,.76);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-billboard-hero__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-billboard-hero h1 {
  max-width: 930px;
  margin: 0 0 25px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(45px, 4.9vw, 74px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -.045em;
}

.dsp-billboard-hero__intro {
  max-width: 790px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT POINTS
   ========================================================= */

.dsp-billboard-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-billboard-hero__points li {
  position: relative;

  color: rgba(255,255,255,.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-billboard-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-billboard-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-billboard-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.dsp-billboard-hero__button:hover,
.dsp-billboard-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-billboard-hero__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-billboard-hero__button--primary:hover,
.dsp-billboard-hero__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}

.dsp-billboard-hero__button--secondary {
  background: transparent;
  border-color: rgba(255,255,255,.55);
  color: #ffffff;
}

.dsp-billboard-hero__button--secondary:hover,
.dsp-billboard-hero__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);
  border-color: #ffffff;
  color: #ffffff;
}

/* =========================================================
   VISUAL
   ========================================================= */

.dsp-billboard-hero__visual {
  position: relative;
}

.dsp-billboard-hero__figure {
  position: relative;

  min-height: 550px;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );

  box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

.dsp-billboard-hero__figure img {
  display: block;

  width: 100%;
  height: 100%;
  min-height: 550px;

  object-fit: cover;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-billboard-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  max-width: 285px;
  padding: 17px 19px;

  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;

  background: rgba(23,23,24,.94);

  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}

.dsp-billboard-hero__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-billboard-hero__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .dsp-billboard-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-billboard-hero__visual {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-billboard-hero {
    padding: 72px 0 66px;
  }

  .dsp-billboard-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-billboard-hero h1 {
    font-size: clamp(39px, 10.8vw, 51px);
  }

  .dsp-billboard-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-billboard-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-billboard-hero__button {
    width: 100%;
  }

  .dsp-billboard-hero__figure {
    min-height: auto;
    aspect-ratio: 4 / 3;
  }

  .dsp-billboard-hero__figure img {
    min-height: 0;
    height: 100%;
  }

  .dsp-billboard-hero__badge {
    position: relative;
    left: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }
}
</style>


<section
  class="dsp-billboard-hero"
  aria-labelledby="dsp-billboard-hero-title">

  <div class="dsp-billboard-hero__inner">

    <!-- CONTENT -->

    <div class="dsp-billboard-hero__content">

      <div class="dsp-billboard-hero__eyebrow">
        Billboard Printing · Springs & East Rand
      </div>

      <h1 id="dsp-billboard-hero-title">
        Large-format billboard printing across Gauteng and the East Rand
      </h1>

      <p class="dsp-billboard-hero__intro">
        Dynamic Signs & Print provides in-house billboard printing and large-format artwork support for businesses, site managers and regional marketing campaigns. From scale preparation to durable outdoor finishing, we ensure your outdoor media is produced accurately for maximum visibility.
      </p>

      <ul
        class="dsp-billboard-hero__points"
        aria-label="DSP billboard printing services">

        <li>Large-format billboard graphics</li>
        <li>In-house artwork setup</li>
        <li>East Rand & Gauteng delivery</li>
        <li>Owner-led production support</li>

      </ul>

      <div class="dsp-billboard-hero__actions">

        <a
          class="dsp-billboard-hero__button dsp-billboard-hero__button--primary"
          href="/contact-us/">

          Discuss Your Billboard
          <span aria-hidden="true">↗</span>

        </a>

        <a
          class="dsp-billboard-hero__button dsp-billboard-hero__button--secondary"
          href="#dsp-billboard-applications">

          Explore Billboard Options
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>

    <!-- IMAGE -->

    <div class="dsp-billboard-hero__visual">

      <div class="dsp-billboard-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/Dynamic-Sign-and-Print-Billboard-Service-Providers-Across-the-East-Rand-Gauteng.jpg"
          alt="Large-format billboard printed and produced by Dynamic Signs and Print, serving clients across the East Rand and Gauteng"
          loading="eager"
          decoding="async">

      </div>

      <div class="dsp-billboard-hero__badge">

        <span class="dsp-billboard-hero__badge-label">
          In-House Production Facility
        </span>

        <span class="dsp-billboard-hero__badge-text">
          Precision wide-format printing managed from our workshop in Springs.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-8a12a40 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="8a12a40" 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-d0d3d8b pbmit-bg-color-over-image" data-id="d0d3d8b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a1ccc65 elementor-widget elementor-widget-html" data-id="a1ccc65" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP BILLBOARDS PAGE — APPLICATIONS
   ========================================================= */

.dsp-billboard-apps,
.dsp-billboard-apps * {
  box-sizing: border-box;
}

.dsp-billboard-apps {
  --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(74px, 7vw, 110px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);

  scroll-margin-top: 30px;
}

.dsp-billboard-apps__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-billboard-apps__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-billboard-apps__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-billboard-apps__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-billboard-apps 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-billboard-apps__intro {
  max-width: 600px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-billboard-apps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-billboard-app {
  position: relative;

  min-height: 255px;
  padding: 28px 27px 25px;

  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-billboard-app:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-billboard-app::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-billboard-app__number {
  display: block;

  margin-bottom: 22px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-billboard-app h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.dsp-billboard-app p {
  flex: 1;

  margin: 0 0 18px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-billboard-app__use {
  padding-top: 15px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-billboard-app__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-billboard-apps__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-billboard-apps__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-billboard-apps__footer-copy strong {
  color: #ffffff;
}

.dsp-billboard-apps__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-billboard-apps__button:hover,
.dsp-billboard-apps__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-billboard-apps__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-billboard-apps__intro {
    margin-left: 0;
  }

  .dsp-billboard-apps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-billboard-apps {
    padding: 64px 0;
  }

  .dsp-billboard-apps__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-billboard-apps__header {
    margin-bottom: 30px;
  }

  .dsp-billboard-apps h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-billboard-apps__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-billboard-apps__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-billboard-app {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-billboard-apps__footer {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-billboard-apps__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-billboard-apps"
  id="dsp-billboard-applications"
  aria-labelledby="dsp-billboard-apps-title">

  <div class="dsp-billboard-apps__inner">


    <!-- HEADER -->

    <header class="dsp-billboard-apps__header">

      <div>

        <div class="dsp-billboard-apps__eyebrow">
          Billboard applications
        </div>

        <h2 id="dsp-billboard-apps-title">
          Large-scale printed graphics for messages that need to be seen
        </h2>

      </div>


      <p class="dsp-billboard-apps__intro">
        Billboard graphics need to communicate from a distance and within a
        limited viewing window. DSP can help prepare and produce large-format
        artwork around the message, dimensions and finished outdoor application.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-billboard-apps__grid">


      <!-- 01 -->

      <article class="dsp-billboard-app">

        <span class="dsp-billboard-app__number">
          01
        </span>

        <h3>
          Promotional campaigns
        </h3>

        <p>
          Large-format billboard graphics for promotional messages,
          offers, launches and campaigns that need strong physical visibility.
        </p>

        <div class="dsp-billboard-app__use">
          <strong>Useful for:</strong>
          promotions, launches, campaign messaging and public visibility
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-billboard-app">

        <span class="dsp-billboard-app__number">
          02
        </span>

        <h3>
          Brand visibility
        </h3>

        <p>
          Billboard artwork built around a strong company name, visual identity
          and core message where recognition at scale is the priority.
        </p>

        <div class="dsp-billboard-app__use">
          <strong>Useful for:</strong>
          corporate branding, awareness and business recognition
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-billboard-app">

        <span class="dsp-billboard-app__number">
          03
        </span>

        <h3>
          Product &amp; service messaging
        </h3>

        <p>
          Large-format graphics that put a specific product, service or
          commercial offer in front of the intended audience with a clear,
          simplified message.
        </p>

        <div class="dsp-billboard-app__use">
          <strong>Useful for:</strong>
          product promotion, service awareness and commercial offers
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-billboard-app">

        <span class="dsp-billboard-app__number">
          04
        </span>

        <h3>
          Location-based communication
        </h3>

        <p>
          Billboard graphics used where a business needs to communicate its
          presence, offering or message within a particular physical area.
        </p>

        <div class="dsp-billboard-app__use">
          <strong>Useful for:</strong>
          local visibility, business presence and location-led messaging
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-billboard-app">

        <span class="dsp-billboard-app__number">
          05
        </span>

        <h3>
          Event &amp; campaign rollouts
        </h3>

        <p>
          Large-format billboard production that forms part of a broader
          campaign alongside banners, signage, displays or other printed
          visibility material.
        </p>

        <div class="dsp-billboard-app__use">
          <strong>Useful for:</strong>
          events, activations and coordinated campaign material
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-billboard-app">

        <span class="dsp-billboard-app__number">
          06
        </span>

        <h3>
          Custom billboard requirements
        </h3>

        <p>
          Where the requirement does not fit a standard campaign format,
          DSP can assess the finished dimensions, supplied artwork and
          intended application before preparing the job for production.
        </p>

        <div class="dsp-billboard-app__use">
          <strong>Useful for:</strong>
          custom campaigns and specialised large-format requirements
        </div>

      </article>


    </div>


    <!-- FOOTER -->

    <div class="dsp-billboard-apps__footer">

      <p class="dsp-billboard-apps__footer-copy">
        <strong>Already have a billboard site or finished size?</strong>
        Send DSP the dimensions, artwork or campaign material and explain the
        intended application. The team can help assess what needs to be
        prepared before the graphic moves into large-format production.
      </p>


      <a
        class="dsp-billboard-apps__button"
        href="/contact-us/">

        Discuss Your Billboard
        <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-2d5bc77 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="2d5bc77" 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-9fc5b63 pbmit-bg-color-over-image" data-id="9fc5b63" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1279e28 elementor-widget elementor-widget-html" data-id="1279e28" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP BILLBOARDS PAGE — DESIGNING FOR VISIBILITY
   ========================================================= */

.dsp-billboard-design,
.dsp-billboard-design * {
  box-sizing: border-box;
}

.dsp-billboard-design {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --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-billboard-design__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-billboard-design__header {
  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-billboard-design__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-billboard-design__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-billboard-design h2 {
  max-width: 820px;
  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-billboard-design__intro {
  max-width: 610px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-billboard-design__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-billboard-design__item {
  min-height: 220px;
  padding: 28px 25px;

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);

  background: var(--dsp-soft);
}

.dsp-billboard-design__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-magenta);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-billboard-design__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-billboard-design__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-billboard-design__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-billboard-design__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-billboard-design__callout-copy strong {
  color: #ffffff;
}

.dsp-billboard-design__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-billboard-design__button:hover,
.dsp-billboard-design__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-billboard-design__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-billboard-design__intro {
    margin-left: 0;
  }

  .dsp-billboard-design__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-billboard-design {
    padding: 62px 0;
  }

  .dsp-billboard-design__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-billboard-design__header {
    margin-bottom: 28px;
  }

  .dsp-billboard-design h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-billboard-design__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-billboard-design__grid {
    grid-template-columns: 1fr;
  }

  .dsp-billboard-design__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-billboard-design__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-billboard-design__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-billboard-design"
  aria-labelledby="dsp-billboard-design-title">

  <div class="dsp-billboard-design__inner">


    <!-- HEADER -->

    <header class="dsp-billboard-design__header">

      <div>

        <div class="dsp-billboard-design__eyebrow">
          Designing for billboard scale
        </div>

        <h2 id="dsp-billboard-design-title">
          Artwork needs to work from a distance, not only on a screen
        </h2>

      </div>


      <p class="dsp-billboard-design__intro">
        A billboard has limited time to communicate. The message, scale and
        visual hierarchy therefore matter just as much as the final print.
        DSP can help prepare artwork around the dimensions and intended
        viewing environment before production.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-billboard-design__grid">


      <!-- 01 -->

      <article class="dsp-billboard-design__item">

        <span class="dsp-billboard-design__number">
          01
        </span>

        <h3>
          Viewing distance
        </h3>

        <p>
          Billboard graphics are often seen from significantly further away
          than normal print. Important wording, branding and visual elements
          need to remain clear at the intended viewing distance.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-billboard-design__item">

        <span class="dsp-billboard-design__number">
          02
        </span>

        <h3>
          A focused message
        </h3>

        <p>
          Large-format visibility usually benefits from a clear primary
          message rather than trying to communicate every product, benefit or
          contact detail at once.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-billboard-design__item">

        <span class="dsp-billboard-design__number">
          03
        </span>

        <h3>
          Readable text
        </h3>

        <p>
          Headlines and essential information need sufficient scale and visual
          separation so they can be recognised quickly within the finished
          billboard layout.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-billboard-design__item">

        <span class="dsp-billboard-design__number">
          04
        </span>

        <h3>
          Clear visual hierarchy
        </h3>

        <p>
          The eye should quickly understand what matters first, whether that is
          the brand, offer, product or campaign message. Supporting information
          should remain secondary.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-billboard-design__item">

        <span class="dsp-billboard-design__number">
          05
        </span>

        <h3>
          Suitable image quality
        </h3>

        <p>
          Supplied photographs and graphics need to be appropriate for the
          finished scale. DSP can assess the artwork provided and identify
          where files may need attention before production.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-billboard-design__item">

        <span class="dsp-billboard-design__number">
          06
        </span>

        <h3>
          Correct final dimensions
        </h3>

        <p>
          Artwork should be prepared around the actual billboard proportions
          and finished size so the design, cropping and production setup are
          considered together.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-billboard-design__callout">

      <p class="dsp-billboard-design__callout-copy">
        <strong>Have campaign artwork that was originally designed for another format?</strong>
        DSP’s in-house design support can help assess and adapt supplied artwork
        for the required billboard dimensions and large-format application.
      </p>


      <a
        class="dsp-billboard-design__button"
        href="/service/in-house-design/">

        Explore Artwork Support
        <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-047d9ff elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="047d9ff" 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-b5a9ed2 pbmit-bg-color-over-image" data-id="b5a9ed2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b8db593 elementor-widget elementor-widget-html" data-id="b8db593" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP BILLBOARDS PAGE — SINGLE IMAGE PROOF
   ========================================================= */

.dsp-billboard-proof,
.dsp-billboard-proof * {
  box-sizing: border-box;
}

.dsp-billboard-proof {
  --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(74px, 7vw, 108px) 0;

  background: #ffffff;
  color: var(--dsp-text);
}

.dsp-billboard-proof__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-billboard-proof__header {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, .65fr);
  align-items: end;
  gap: 50px;
  margin-bottom: 40px;
}

.dsp-billboard-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: .09em;
  text-transform: uppercase;
}

.dsp-billboard-proof__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-billboard-proof h2 {
  max-width: 820px;
  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-billboard-proof__intro {
  max-width: 600px;
  margin: 0 0 4px auto;
  color: var(--dsp-muted);
  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   SINGLE SQUARE FEATURE GRID
   ========================================================= */

.dsp-billboard-proof__single-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  align-items: stretch;
}

.dsp-billboard-proof__figure {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid var(--dsp-border);
  border-radius: 22px;
  background: var(--dsp-light);
}

.dsp-billboard-proof__figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =========================================================
   CAPABILITY SUMMARY CARD
   ========================================================= */

.dsp-billboard-proof__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(32px, 4vw, 48px);
  border: 1px solid var(--dsp-border);
  border-radius: 22px;
  background: var(--dsp-light);
}

.dsp-billboard-proof__card-content h3 {
  margin: 0 0 16px 0;
  color: var(--dsp-dark);
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 700;
  line-height: 1.2;
}

.dsp-billboard-proof__card-content p {
  margin: 0 0 24px 0;
  color: var(--dsp-muted);
  font-size: 15px;
  line-height: 1.65;
}

.dsp-billboard-proof__highlights {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}

.dsp-billboard-proof__highlights li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--dsp-dark);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.dsp-billboard-proof__highlights li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: var(--dsp-cyan);
  flex-shrink: 0;
}

/* =========================================================
   CAPTIONS
   ========================================================= */

.dsp-billboard-proof__caption {
  position: absolute;
  inset: auto 16px 16px;
  padding: 15px 16px;
  border-radius: 15px;
  background: rgba(24,24,25,.92);
  color: #ffffff;
  backdrop-filter: blur(5px);
}

.dsp-billboard-proof__caption-label {
  display: block;
  margin-bottom: 4px;
  color: var(--dsp-yellow);
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dsp-billboard-proof__caption-text {
  display: block;
  color: rgba(255,255,255,.88);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-billboard-proof__footer {
  margin-top: 32px;
  padding-top: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-top: 1px solid var(--dsp-border);
}

.dsp-billboard-proof__footer p {
  max-width: 780px;
  margin: 0;
  color: var(--dsp-muted);
  font-size: 13px;
  line-height: 1.62;
}

.dsp-billboard-proof__footer strong {
  color: var(--dsp-dark);
}

.dsp-billboard-proof__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-billboard-proof__link:hover,
.dsp-billboard-proof__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   RESPONSIVE (TABLET & MOBILE)
   ========================================================= */

@media (max-width: 1050px) {
  .dsp-billboard-proof__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-billboard-proof__intro {
    margin-left: 0;
  }

  .dsp-billboard-proof__single-wrap {
    grid-template-columns: 1fr;
  }

  .dsp-billboard-proof__figure {
    max-width: 600px;
    margin-inline: auto;
  }
}

@media (max-width: 767px) {
  .dsp-billboard-proof {
    padding: 62px 0;
  }

  .dsp-billboard-proof__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-billboard-proof__header {
    margin-bottom: 28px;
  }

  .dsp-billboard-proof h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-billboard-proof__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-billboard-proof__caption {
    inset: auto 12px 12px;
  }

  .dsp-billboard-proof__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>

<section class="dsp-billboard-proof" aria-labelledby="dsp-billboard-proof-title">
  <div class="dsp-billboard-proof__inner">

    <!-- HEADER -->
    <header class="dsp-billboard-proof__header">
      <div>
        <div class="dsp-billboard-proof__eyebrow">
          Billboard work in practice
        </div>
        <h2 id="dsp-billboard-proof-title">
          Large-format visibility brought into the real world
        </h2>
      </div>

      <p class="dsp-billboard-proof__intro">
        Billboard work is best judged at full scale. Real production and
        completed-project photography shows how artwork moves from the
        screen through wide-format printing to a finished outdoor visibility asset.
      </p>
    </header>

    <!-- SINGLE IMAGE + CAPABILITY LAYOUT -->
    <div class="dsp-billboard-proof__single-wrap">

      <!-- SQUARE FEATURE IMAGE -->
      <figure class="dsp-billboard-proof__figure">
        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/DSP-Billboard-Signage-Manufacturers.jpg"
          alt="Completed large-format billboard signage manufactured by Dynamic Signs & Print in Springs, Gauteng"
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-billboard-proof__caption">
          <span class="dsp-billboard-proof__caption-label">
            Finished Outdoor Visibility
          </span>
          <span class="dsp-billboard-proof__caption-text">
            Large-format billboard graphics manufactured and produced from final campaign artwork
          </span>
        </figcaption>
      </figure>

      <!-- PRODUCTION CAPABILITY CARD -->
      <div class="dsp-billboard-proof__card">
        <div class="dsp-billboard-proof__card-content">
          <h3>In-House Large-Format Production</h3>
          <p>
            Every billboard project requires precise visual management—from high-resolution artwork scaling to heavy-duty substrate printing. At DSP, we manage technical preparation and wide-format production under one roof at our Springs facility.
          </p>
          <ul class="dsp-billboard-proof__highlights">
            <li>Precision colour management for true brand presentation</li>
            <li>Durable, weather-resistant outdoor vinyl and PVC materials</li>
            <li>In-house artwork check and pre-flight scaling guidance</li>
            <li>Reliable production execution for high-impact campaigns</li>
          </ul>
        </div>
      </div>

    </div>

    <!-- FOOTER -->
    <footer class="dsp-billboard-proof__footer">
      <p>
        <strong>Planning a new billboard campaign?</strong>
        If site dimensions and artwork are ready, DSP can assess your visual files and guide you on the optimal large-format print setup.
      </p>

      <a class="dsp-billboard-proof__link" href="https://dynamicsp.co.za/our-work/">
        View More Work →
      </a>
    </footer>

  </div>
</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1f6a965 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="1f6a965" 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-06e179a pbmit-bg-color-over-image" data-id="06e179a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2a3119c elementor-widget elementor-widget-html" data-id="2a3119c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP BILLBOARDS PAGE — RELATED SERVICES
   ========================================================= */

.dsp-billboard-related,
.dsp-billboard-related * {
  box-sizing: border-box;
}

.dsp-billboard-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-billboard-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-billboard-related__header {
  max-width: 880px;
  margin-bottom: 36px;
}

.dsp-billboard-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-billboard-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-billboard-related h2 {
  max-width: 820px;
  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-billboard-related__intro {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-billboard-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-billboard-related-card {
  position: relative;

  min-height: 245px;
  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;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

.dsp-billboard-related-card:hover,
.dsp-billboard-related-card:focus-visible {
  transform: translateY(-4px);

  border-color: #cbd0d2;

  box-shadow: 0 18px 36px rgba(24,28,31,.08);

  color: var(--dsp-text);
  text-decoration: none;
}

.dsp-billboard-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-billboard-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-billboard-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-billboard-related-card p {
  flex: 1;

  margin: 0 0 20px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-billboard-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-billboard-related-card__arrow {
  font-size: 15px;

  transition: transform 180ms ease;
}

.dsp-billboard-related-card:hover .dsp-billboard-related-card__arrow,
.dsp-billboard-related-card:focus-visible .dsp-billboard-related-card__arrow {
  transform: translate(3px, -2px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-billboard-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-billboard-related__footer p {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-billboard-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-billboard-related__all-services:hover,
.dsp-billboard-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-billboard-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-billboard-related {
    padding: 60px 0;
  }

  .dsp-billboard-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-billboard-related__header {
    margin-bottom: 28px;
  }

  .dsp-billboard-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-billboard-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-billboard-related-card {
    min-height: auto;
  }

  .dsp-billboard-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-billboard-related"
  aria-labelledby="dsp-billboard-related-title">

  <div class="dsp-billboard-related__inner">


    <!-- HEADER -->

    <header class="dsp-billboard-related__header">

      <div class="dsp-billboard-related__eyebrow">
        Related visibility services
      </div>

      <h2 id="dsp-billboard-related-title">
        Extend the same brand visibility across other physical formats
      </h2>

      <p class="dsp-billboard-related__intro">
        Billboard printing may form part of a wider campaign, signage rollout
        or branded visibility requirement. DSP can also support the artwork,
        large-format printing and related physical brand applications around
        the broader project.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-billboard-related__grid">


      <!-- WIDE FORMAT PRINTING -->

      <a
        class="dsp-billboard-related-card"
        href="/service/wide-format-printing/">

        <span class="dsp-billboard-related-card__label">
          Large-format production
        </span>

        <h3>
          Wide Format Printing
        </h3>

        <p>
          Large-scale printed graphics for signage, displays, promotional
          material and other business visibility applications.
        </p>

        <span class="dsp-billboard-related-card__link">
          Explore Wide Format
          <span
            class="dsp-billboard-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- SIGNAGE -->

      <a
        class="dsp-billboard-related-card"
        href="/service/signage/">

        <span class="dsp-billboard-related-card__label">
          Business visibility
        </span>

        <h3>
          Signage
        </h3>

        <p>
          Business, directional and custom signage supported by practical
          guidance on artwork, scale, placement and production.
        </p>

        <span class="dsp-billboard-related-card__link">
          Explore Signage
          <span
            class="dsp-billboard-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- IN-HOUSE DESIGN -->

      <a
        class="dsp-billboard-related-card"
        href="/service/in-house-design/">

        <span class="dsp-billboard-related-card__label">
          Artwork preparation
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Artwork and layout support for adapting campaign material to
          large-format dimensions and other physical brand applications.
        </p>

        <span class="dsp-billboard-related-card__link">
          Explore Design Support
          <span
            class="dsp-billboard-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- VEHICLE BRANDING -->

      <a
        class="dsp-billboard-related-card"
        href="/service/vehicle-wrap/">

        <span class="dsp-billboard-related-card__label">
          Mobile brand visibility
        </span>

        <h3>
          Vehicle Branding &amp; Wraps
        </h3>

        <p>
          Business vehicle and fleet graphics that extend brand visibility
          into another highly visible physical format.
        </p>

        <span class="dsp-billboard-related-card__link">
          Explore Vehicle Branding
          <span
            class="dsp-billboard-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <!-- FOOTER -->

    <footer class="dsp-billboard-related__footer">

      <p>
        Need billboard graphics alongside signage, banners, vehicle branding
        or other campaign material? DSP can help coordinate the artwork and
        production requirements across the different physical formats.
      </p>

      <a
        class="dsp-billboard-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-95b470f elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="95b470f" 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-96afa92 pbmit-bg-color-over-image" data-id="96afa92" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-17455e2 elementor-widget elementor-widget-html" data-id="17455e2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP BILLBOARDS PAGE — FAQ
   ========================================================= */

.dsp-billboard-faq,
.dsp-billboard-faq * {
  box-sizing: border-box;
}

.dsp-billboard-faq {
  --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: #ffffff;
  color: var(--dsp-text);
}

.dsp-billboard-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-billboard-faq__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-billboard-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-billboard-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-billboard-faq h2 {
  max-width: 820px;
  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-billboard-faq__intro {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-billboard-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-billboard-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-billboard-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-billboard-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-billboard-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-billboard-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-billboard-faq__answer {
  max-width: 900px;
  padding: 0 52px 25px 0;
}

.dsp-billboard-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}

/* =========================================================
   FOOTER CALLOUT
   ========================================================= */

.dsp-billboard-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-billboard-faq__footer p {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-billboard-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-billboard-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-billboard-faq__link:hover,
.dsp-billboard-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-billboard-faq {
    padding: 60px 0;
  }

  .dsp-billboard-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-billboard-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-billboard-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-billboard-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-billboard-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-billboard-faq__footer {
    align-items: flex-start;
    flex-direction: column;

    padding: 23px 21px;
  }
}
</style>


<section
  class="dsp-billboard-faq"
  aria-labelledby="dsp-billboard-faq-title">

  <div class="dsp-billboard-faq__inner">


    <!-- HEADER -->

    <header class="dsp-billboard-faq__header">

      <div class="dsp-billboard-faq__eyebrow">
        Billboard Printing FAQs
      </div>

      <h2 id="dsp-billboard-faq-title">
        Questions businesses often ask before sending billboard artwork to print
      </h2>

      <p class="dsp-billboard-faq__intro">
        You do not need to arrive with every production detail already resolved.
        The billboard dimensions, intended application and available artwork are
        usually enough to start the discussion.
      </p>

    </header>


    <!-- FAQ LIST -->

    <div class="dsp-billboard-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          What information should I send when requesting a billboard printing quote?
        </summary>

        <div class="dsp-billboard-faq__answer">

          <p>
            Send the finished billboard dimensions, quantity, intended application
            and required timing together with any existing artwork or campaign
            files. If some of these details are still being finalised, DSP can
            help identify what is needed before the job moves into production.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          Can DSP adapt existing campaign artwork to billboard dimensions?
        </summary>

        <div class="dsp-billboard-faq__answer">

          <p>
            Yes. DSP provides in-house design and artwork support. Existing
            campaign material can be assessed and adapted around the required
            billboard proportions, scale and information hierarchy where needed.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          What makes billboard artwork different from normal print artwork?
        </summary>

        <div class="dsp-billboard-faq__answer">

          <p>
            Billboards are viewed from much further away and often within a
            shorter viewing window. The design therefore needs a clear message,
            readable text, strong visual hierarchy and artwork prepared around
            the actual large-format proportions.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          Can DSP produce billboard graphics as part of a wider campaign?
        </summary>

        <div class="dsp-billboard-faq__answer">

          <p>
            Yes. Where a campaign also includes signage, banners, displays,
            vehicle branding or other printed material, DSP can help prepare
            and produce the different physical formats as part of the broader
            production requirement.
          </p>

        </div>

      </details>


    </div>


    <!-- FOOTER -->

    <div class="dsp-billboard-faq__footer">

      <p>
        <strong>Have the campaign concept but not the final billboard artwork?</strong>
        Send DSP the existing artwork, intended billboard size and key message.
        The team can help determine what needs to be adapted before production.
      </p>

      <a
        class="dsp-billboard-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-c7a3534 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="c7a3534" 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-cebc944 pbmit-bg-color-over-image" data-id="cebc944" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cf71d83 elementor-widget elementor-widget-html" data-id="cf71d83" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP BILLBOARDS PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-billboard-final-cta,
.dsp-billboard-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-billboard-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-billboard-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-billboard-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(255,221,0,.10),
      transparent 31%
    ),
    radial-gradient(
      circle at 5% 94%,
      rgba(0,174,239,.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-billboard-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-billboard-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-billboard-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-billboard-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-billboard-final-cta h2 {
  max-width: 920px;

  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-billboard-final-cta__copy {
  max-width: 800px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-billboard-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-billboard-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-billboard-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-billboard-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-billboard-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-billboard-final-cta__button:hover,
.dsp-billboard-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-billboard-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-billboard-final-cta__button--primary:hover,
.dsp-billboard-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-billboard-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-billboard-final-cta__button--secondary:hover,
.dsp-billboard-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-billboard-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-billboard-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-billboard-final-cta {
    padding: 54px 0;
  }

  .dsp-billboard-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-billboard-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-billboard-final-cta__main {
    gap: 34px;
  }

  .dsp-billboard-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-billboard-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-billboard-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-billboard-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-billboard-final-cta"
  aria-labelledby="dsp-billboard-final-cta-title"
>

  <div class="dsp-billboard-final-cta__inner">

    <div class="dsp-billboard-final-cta__shell">

      <div class="dsp-billboard-final-cta__main">


        <!-- COPY -->

        <div class="dsp-billboard-final-cta__content">

          <div class="dsp-billboard-final-cta__eyebrow">
            Start your billboard printing enquiry
          </div>

          <h2 id="dsp-billboard-final-cta-title">
            Need large-format billboard graphics produced for your next campaign?
          </h2>

          <p class="dsp-billboard-final-cta__copy">
            Send DSP the billboard dimensions, quantity, campaign artwork and
            required timing, together with any relevant production information
            you already have. If the artwork still needs to be adapted for the
            final scale, the team can help prepare it for print production.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-billboard-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about billboard printing"
        >

          <h3 class="dsp-billboard-final-cta__panel-heading">
            Have billboard artwork to produce?
          </h3>

          <p class="dsp-billboard-final-cta__panel-copy">
            Share the required dimensions, quantity, artwork and timing so
            DSP can assess the billboard print production requirement.
          </p>

          <div class="dsp-billboard-final-cta__buttons">

            <a
              class="
                dsp-billboard-final-cta__button
                dsp-billboard-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-billboard-final-cta__button
                dsp-billboard-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>
		<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>
		<item>
		<title>Signage</title>
		<link>https://dynamicsp.co.za/service/signage/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 01:16:54 +0000</pubDate>
				<guid isPermaLink="false">https://34609e326d14.xneelosites.com/?post_type=pbmit-service&#038;p=5555</guid>

					<description><![CDATA[Signage · Springs, Gauteng Business signage designed and produced for practical visibility DSP helps businesses turn signage requirements into finished physical outcomes, with in-house design and production support covering artwork, scale, material selection and finishing. Whether the requirement begins with an existing design or simply an idea of what needs to be visible, the team [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5555" class="elementor elementor-5555">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-b6ae998 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="b6ae998" 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-c7a1b2c pbmit-bg-color-over-image" data-id="c7a1b2c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ca1e771 elementor-widget elementor-widget-html" data-id="ca1e771" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SIGNAGE PAGE — HERO
   ========================================================= */

.dsp-signage-hero-column,
.dsp-signage-hero-column > .elementor-widget-wrap,
.dsp-signage-hero-column .elementor-widget-container {
  width: 100%;
  margin: 0;
  padding: 0;
}

.dsp-signage-hero,
.dsp-signage-hero * {
  box-sizing: border-box;
}

.dsp-signage-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.13),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: var(--dsp-white);
}

.dsp-signage-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-signage-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-signage-hero__content {
  min-width: 0;
  max-width: 850px;
}

.dsp-signage-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-signage-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-signage-hero h1 {
  max-width: 880px;
  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-signage-hero__intro {
  max-width: 730px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT LINE
   ========================================================= */

.dsp-signage-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-signage-hero__points li {
  position: relative;

  color: rgba(255, 255, 255, 0.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-signage-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-signage-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-signage-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-signage-hero__button:hover,
.dsp-signage-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-signage-hero__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.38);
  outline-offset: 3px;
}

.dsp-signage-hero__button--primary {
  border-color: var(--dsp-yellow);

  background: var(--dsp-yellow);
  color: #171717;
}

.dsp-signage-hero__button--primary:hover,
.dsp-signage-hero__button--primary:focus-visible {
  border-color: var(--dsp-white);

  background: var(--dsp-white);
  color: #171717;
}

.dsp-signage-hero__button--secondary {
  border-color: rgba(255, 255, 255, 0.55);

  background: transparent;
  color: var(--dsp-white);
}

.dsp-signage-hero__button--secondary:hover,
.dsp-signage-hero__button--secondary:focus-visible {
  border-color: var(--dsp-white);

  background: rgba(255, 255, 255, 0.08);
  color: var(--dsp-white);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-signage-hero__visual {
  position: relative;
  min-width: 0;
}

.dsp-signage-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-signage-hero__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* Subtle treatment behind the image badge */

.dsp-signage-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.22) 100%
    );
}

/* =========================================================
   IMAGE BADGE
   ========================================================= */

.dsp-signage-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  z-index: 2;

  max-width: 245px;
  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-signage-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-signage-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-signage-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-signage-hero__visual {
    width: 100%;
    max-width: 820px;
  }

  .dsp-signage-hero__figure {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-signage-hero {
    padding: 72px 0 66px;
  }

  .dsp-signage-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-signage-hero h1 {
    font-size: clamp(40px, 11vw, 52px);
  }

  .dsp-signage-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-signage-hero__points {
    gap: 8px 20px;
  }

  .dsp-signage-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-signage-hero__button {
    width: 100%;
  }

  .dsp-signage-hero__figure {
    min-height: 0;
    aspect-ratio: 4 / 3;

    border-radius: 21px;
  }

  .dsp-signage-hero__figure img {
    object-position: center;
  }

  .dsp-signage-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-signage-hero__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-signage-hero"
  aria-labelledby="dsp-signage-hero-title">

  <div class="dsp-signage-hero__inner">

    <!-- COPY -->

    <div class="dsp-signage-hero__content">

      <div class="dsp-signage-hero__eyebrow">
        Signage · Springs, Gauteng
      </div>

      <h1 id="dsp-signage-hero-title">
        Business signage designed and produced for practical visibility
      </h1>

      <p class="dsp-signage-hero__intro">
        DSP helps businesses turn signage requirements into finished physical
        outcomes, with in-house design and production support covering artwork,
        scale, material selection and finishing. Whether the requirement begins
        with an existing design or simply an idea of what needs to be visible,
        the team can help work through the practical production details.
      </p>

      <ul
        class="dsp-signage-hero__points"
        aria-label="DSP signage support">

        <li>In-house design support</li>
        <li>Material guidance</li>
        <li>Production and finishing</li>
        <li>Business visibility</li>

      </ul>

      <div class="dsp-signage-hero__actions">

        <a
          class="dsp-signage-hero__button dsp-signage-hero__button--primary"
          href="/contact-us/">

          Discuss Your Signage
          <span aria-hidden="true">↗</span>

        </a>

        <a
          class="dsp-signage-hero__button dsp-signage-hero__button--secondary"
          href="#dsp-signage-options">

          Explore Signage Options
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>

    <!-- IMAGE -->

    <div class="dsp-signage-hero__visual">

      <figure class="dsp-signage-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-illuminated-business-signage-pick-n-pay.jpg"
          alt="Illuminated Pick n Pay storefront signage installed above the entrance to a retail store."
          width="1254"
          height="1254"
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </figure>

      <div class="dsp-signage-hero__badge">

        <span class="dsp-signage-hero__badge-label">
          Design to production
        </span>

        <span class="dsp-signage-hero__badge-text">
          Practical signage support from artwork and specification through to finished output.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
				<div class="elementor-element elementor-element-e777b64 elementor-widget elementor-widget-html" data-id="e777b64" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SIGNAGE PAGE — SIGNAGE OPTIONS
   ========================================================= */

.dsp-signage-options,
.dsp-signage-options * {
  box-sizing: border-box;
}

.dsp-signage-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-signage-options__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* Header */

.dsp-signage-options__header {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, .65fr);
  align-items: end;
  gap: 50px;
  margin-bottom: 42px;
}

.dsp-signage-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-signage-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-signage-options h2 {
  max-width: 770px;
  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-signage-options__intro {
  max-width: 585px;
  margin: 0 0 4px auto;
  color: var(--dsp-muted);
  font-size: 16px;
  line-height: 1.72;
}

/* Grid */

.dsp-signage-options__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* Card */

.dsp-signage-option {
  position: relative;
  overflow: hidden;
  min-height: 265px;
  padding: 28px 27px 27px;
  display: flex;
  flex-direction: column;
  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-signage-option:hover {
  transform: translateY(-4px);
  border-color: #d0d5d6;
  box-shadow: 0 20px 42px rgba(24, 28, 31, .09);
}

.dsp-signage-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-signage-option__number {
  display: block;
  margin-bottom: 24px;
  color: #979c9f;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-signage-option h3 {
  margin: 0 0 11px;
  color: var(--dsp-dark);
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.dsp-signage-option p {
  flex: 1;
  margin: 0 0 20px;
  color: var(--dsp-muted);
  font-size: 13px;
  line-height: 1.62;
}

.dsp-signage-option__use {
  padding-top: 16px;
  border-top: 1px solid var(--dsp-border);
  color: #767b7e;
  font-size: 11px;
  line-height: 1.5;
}

.dsp-signage-option__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* Footer guidance */

.dsp-signage-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-signage-options__footer-copy {
  margin: 0;
  color: rgba(255,255,255,.70);
  font-size: 14px;
  line-height: 1.65;
}

.dsp-signage-options__footer-copy strong {
  color: #ffffff;
}

.dsp-signage-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-signage-options__button:hover,
.dsp-signage-options__button:focus-visible {
  transform: translateY(-2px);
  background: #ffffff;
  color: #171717;
  text-decoration: none;
}

/* Tablet */

@media (max-width: 1050px) {

  .dsp-signage-options__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-signage-options__intro {
    margin-left: 0;
  }

  .dsp-signage-options__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */

@media (max-width: 767px) {

  .dsp-signage-options {
    padding: 64px 0;
  }

  .dsp-signage-options__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-signage-options__header {
    margin-bottom: 30px;
  }

  .dsp-signage-options h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-signage-options__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-signage-options__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-signage-option {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-signage-options__footer {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-signage-options__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-signage-options"
  id="dsp-signage-options"
  aria-labelledby="dsp-signage-options-title">

  <div class="dsp-signage-options__inner">


    <header class="dsp-signage-options__header">

      <div>

        <div class="dsp-signage-options__eyebrow">
          Signage applications
        </div>

        <h2 id="dsp-signage-options-title">
          Signage for businesses, buildings, sites and customer-facing spaces
        </h2>

      </div>

      <p class="dsp-signage-options__intro">
        The right signage depends on where it will be used, how it needs to be
        seen and the environment it needs to withstand. DSP can help work
        through the format, scale, artwork and production requirements for the
        intended application.
      </p>

    </header>


    <div class="dsp-signage-options__grid">


      <!-- 01 -->

      <article class="dsp-signage-option">

        <span class="dsp-signage-option__number">
          01
        </span>

        <h3>
          Building &amp; shopfront signage
        </h3>

        <p>
          Signage used to identify a business, premises, store or customer-facing
          location and create a clear, professional presence from the outside.
        </p>

        <div class="dsp-signage-option__use">
          <strong>Typical use:</strong>
          shopfronts, offices, commercial buildings and entrances
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-signage-option">

        <span class="dsp-signage-option__number">
          02
        </span>

        <h3>
          Illuminated signage
        </h3>

        <p>
          Signage designed to remain visible in lower-light conditions or to
          create stronger identification where greater visual prominence is
          required.
        </p>

        <div class="dsp-signage-option__use">
          <strong>Typical use:</strong>
          building identification, retail and customer-facing locations
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-signage-option">

        <span class="dsp-signage-option__number">
          03
        </span>

        <h3>
          Freestanding signage
        </h3>

        <p>
          Standalone signage structures for locations where information,
          branding or identification needs to be visible independently of the
          building itself.
        </p>

        <div class="dsp-signage-option__use">
          <strong>Typical use:</strong>
          entrances, business parks, sites and roadside visibility
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-signage-option">

        <span class="dsp-signage-option__number">
          04
        </span>

        <h3>
          Directional &amp; wayfinding signage
        </h3>

        <p>
          Practical signage that helps staff, customers and visitors navigate
          buildings, sites and operational environments more easily.
        </p>

        <div class="dsp-signage-option__use">
          <strong>Typical use:</strong>
          offices, facilities, sites, parking areas and public spaces
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-signage-option">

        <span class="dsp-signage-option__number">
          05
        </span>

        <h3>
          Site &amp; operational signage
        </h3>

        <p>
          Signage supporting identification, instruction and practical
          communication across working sites and operational environments.
        </p>

        <div class="dsp-signage-option__use">
          <strong>Typical use:</strong>
          industrial sites, construction environments, facilities and operations
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-signage-option">

        <span class="dsp-signage-option__number">
          06
        </span>

        <h3>
          Indoor business signage
        </h3>

        <p>
          Branded and informational signage used inside offices, reception
          areas, retail environments and other customer or staff-facing spaces.
        </p>

        <div class="dsp-signage-option__use">
          <strong>Typical use:</strong>
          reception areas, offices, retail interiors and branded environments
        </div>

      </article>


    </div>


    <div class="dsp-signage-options__footer">

      <p class="dsp-signage-options__footer-copy">
        <strong>Have something different in mind?</strong>
        Signage requirements do not always fit neatly into a standard category.
        Share the location, approximate dimensions, intended use and any
        available artwork with DSP so the team can assess a practical
        production route.
      </p>

      <a
        class="dsp-signage-options__button"
        href="/contact-us/">

        Discuss Your Signage
        <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-072036b elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="072036b" 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-fc0913b pbmit-bg-color-over-image" data-id="fc0913b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4da50b9 elementor-widget elementor-widget-html" data-id="4da50b9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SIGNAGE PAGE — APPLICATION & MATERIAL GUIDANCE
   ========================================================= */

.dsp-signage-guidance,
.dsp-signage-guidance * {
  box-sizing: border-box;
}

.dsp-signage-guidance {
  --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(70px, 6.5vw, 100px) 0;
  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-signage-guidance__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* Header */

.dsp-signage-guidance__header {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, .65fr);
  align-items: end;
  gap: 50px;
  margin-bottom: 39px;
}

.dsp-signage-guidance__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-signage-guidance__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-signage-guidance h2 {
  max-width: 780px;
  margin: 0;
  color: var(--dsp-dark);
  font-family: inherit;
  font-size: clamp(37px, 3.8vw, 57px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.038em;
}

.dsp-signage-guidance__intro {
  max-width: 590px;
  margin: 0 0 4px auto;
  color: var(--dsp-muted);
  font-size: 16px;
  line-height: 1.7;
}

/* Factor cards */

.dsp-signage-guidance__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-signage-guidance__item {
  min-height: 215px;
  padding: 27px 25px;
  background: #ffffff;
  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-signage-guidance__number {
  display: block;
  margin-bottom: 19px;
  color: var(--dsp-magenta);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-signage-guidance__item h3 {
  margin: 0 0 9px;
  color: var(--dsp-dark);
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-signage-guidance__item p {
  margin: 0;
  color: var(--dsp-muted);
  font-size: 13px;
  line-height: 1.6;
}

/* Bottom callout */

.dsp-signage-guidance__callout {
  margin-top: 34px;
  padding: 28px 30px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 34px;
  border-radius: 20px;
  background: var(--dsp-dark);
}

.dsp-signage-guidance__callout-copy {
  margin: 0;
  color: rgba(255,255,255,.70);
  font-size: 14px;
  line-height: 1.65;
}

.dsp-signage-guidance__callout-copy strong {
  color: #ffffff;
}

.dsp-signage-guidance__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-signage-guidance__button:hover,
.dsp-signage-guidance__button:focus-visible {
  transform: translateY(-2px);
  background: #ffffff;
  color: #171717;
  text-decoration: none;
}

/* Tablet */

@media (max-width: 1050px) {

  .dsp-signage-guidance__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-signage-guidance__intro {
    margin-left: 0;
  }

  .dsp-signage-guidance__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */

@media (max-width: 767px) {

  .dsp-signage-guidance {
    padding: 62px 0;
  }

  .dsp-signage-guidance__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-signage-guidance__header {
    margin-bottom: 28px;
  }

  .dsp-signage-guidance h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-signage-guidance__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-signage-guidance__grid {
    grid-template-columns: 1fr;
  }

  .dsp-signage-guidance__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-signage-guidance__callout {
    grid-template-columns: 1fr;
    padding: 25px 22px;
  }

  .dsp-signage-guidance__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-signage-guidance"
  aria-labelledby="dsp-signage-guidance-title">

  <div class="dsp-signage-guidance__inner">


    <header class="dsp-signage-guidance__header">

      <div>

        <div class="dsp-signage-guidance__eyebrow">
          Choosing the right approach
        </div>

        <h2 id="dsp-signage-guidance-title">
          The application should guide the signage specification
        </h2>

      </div>

      <p class="dsp-signage-guidance__intro">
        Material and construction decisions should reflect how the signage
        needs to perform. DSP can help consider the environment, visibility,
        expected use and finishing requirements before production begins.
      </p>

    </header>


    <div class="dsp-signage-guidance__grid">


      <article class="dsp-signage-guidance__item">

        <span class="dsp-signage-guidance__number">
          01
        </span>

        <h3>
          Indoor or outdoor use
        </h3>

        <p>
          The intended environment affects the production approach, finishing
          and level of durability required from the finished signage.
        </p>

      </article>


      <article class="dsp-signage-guidance__item">

        <span class="dsp-signage-guidance__number">
          02
        </span>

        <h3>
          Viewing distance
        </h3>

        <p>
          Sign size, lettering and layout need to make sense for the distance
          from which customers, visitors or staff will actually see it.
        </p>

      </article>


      <article class="dsp-signage-guidance__item">

        <span class="dsp-signage-guidance__number">
          03
        </span>

        <h3>
          Exposure and environment
        </h3>

        <p>
          Weather, sunlight, site conditions and the surrounding environment
          can influence the material, construction and finishing decisions.
        </p>

      </article>


      <article class="dsp-signage-guidance__item">

        <span class="dsp-signage-guidance__number">
          04
        </span>

        <h3>
          Permanent or campaign use
        </h3>

        <p>
          A long-term business sign and a temporary promotional requirement
          may call for very different production approaches.
        </p>

      </article>


      <article class="dsp-signage-guidance__item">

        <span class="dsp-signage-guidance__number">
          05
        </span>

        <h3>
          Mounting and placement
        </h3>

        <p>
          Where and how the signage will be positioned should be considered
          early so the finished format is suitable for its intended location.
        </p>

      </article>


      <article class="dsp-signage-guidance__item">

        <span class="dsp-signage-guidance__number">
          06
        </span>

        <h3>
          Brand visibility
        </h3>

        <p>
          Colour, scale, contrast and layout should support recognition and
          readability rather than simply reproduce the artwork at a larger size.
        </p>

      </article>


    </div>


    <div class="dsp-signage-guidance__callout">

      <p class="dsp-signage-guidance__callout-copy">
        <strong>Not sure which material or construction method is appropriate?</strong>
        Send DSP photographs of the location, approximate dimensions and the
        artwork or branding you have. The team can help assess a practical route
        for the intended application.
      </p>

      <a
        class="dsp-signage-guidance__button"
        href="/contact-us/">

        Ask DSP
        <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-928bf4c elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="928bf4c" 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-746c061 pbmit-bg-color-over-image" data-id="746c061" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c78e2ea elementor-widget elementor-widget-html" data-id="c78e2ea" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SIGNAGE PAGE — REAL WORK / PROOF
   ========================================================= */

.dsp-signage-proof,
.dsp-signage-proof * {
  box-sizing: border-box;
}

.dsp-signage-proof {
  --dsp-dark: #181819;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --dsp-white: #ffffff;
  --dsp-border: #dfe3e4;
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  width: 100%;
  padding: clamp(74px, 7vw, 108px) 0;

  background: var(--dsp-white);
  color: var(--dsp-text);
}

.dsp-signage-proof__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-signage-proof__header {
  display: grid;
  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(360px, 0.65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-signage-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-signage-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-signage-proof h2 {
  max-width: 760px;
  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-signage-proof__intro {
  max-width: 580px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GALLERY
   ========================================================= */

.dsp-signage-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-signage-proof__card {
  position: relative;

  min-width: 0;
  margin: 0;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 22px;

  background: #e4e7e8;

  box-shadow:
    0 16px 38px rgba(24, 28, 31, 0.08);
}

.dsp-signage-proof__card--main {
  grid-row: 1 / 3;
  min-height: 610px;
}

.dsp-signage-proof__card--small {
  min-height: 295px;
}

/* =========================================================
   IMAGES
   ========================================================= */

.dsp-signage-proof__card img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* Keep the vehicle and storefront well balanced in the main card */

.dsp-signage-proof__card--main img {
  object-position: center;
}

/* =========================================================
   OVERLAY
   ========================================================= */

.dsp-signage-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-signage-proof__caption {
  position: absolute;
  z-index: 2;

  left: 23px;
  right: 23px;
  bottom: 21px;
}

.dsp-signage-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-signage-proof__title {
  display: block;

  color: var(--dsp-white);

  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.dsp-signage-proof__card--main
.dsp-signage-proof__title {
  max-width: 580px;

  font-size: clamp(21px, 2vw, 29px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-signage-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-signage-proof__footer-copy {
  max-width: 720px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-signage-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: var(--dsp-white);

  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-signage-proof__button:hover,
.dsp-signage-proof__button:focus-visible {
  transform: translateY(-2px);

  background: var(--dsp-cyan);
  color: var(--dsp-white);

  text-decoration: none;
}

.dsp-signage-proof__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.35);
  outline-offset: 3px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
  .dsp-signage-proof__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-signage-proof__intro {
    margin-left: 0;
  }

  .dsp-signage-proof__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    grid-template-rows: auto;
  }

  .dsp-signage-proof__card--main {
    grid-column: 1 / 3;
    grid-row: auto;

    min-height: 500px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-signage-proof {
    padding: 64px 0;
  }

  .dsp-signage-proof__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-signage-proof__header {
    margin-bottom: 28px;
  }

  .dsp-signage-proof h2 {
    font-size: clamp(35px, 10vw, 46px);
  }

  .dsp-signage-proof__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-signage-proof__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-signage-proof__card--main,
  .dsp-signage-proof__card--small {
    grid-column: auto;
    grid-row: auto;

    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .dsp-signage-proof__caption {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }

  .dsp-signage-proof__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .dsp-signage-proof__button {
    width: 100%;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .dsp-signage-proof__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-signage-proof"
  aria-labelledby="dsp-signage-proof-title">

  <div class="dsp-signage-proof__inner">

    <!-- HEADER -->

    <header class="dsp-signage-proof__header">

      <div>

        <div class="dsp-signage-proof__eyebrow">
          Real production. Finished results.
        </div>

        <h2 id="dsp-signage-proof-title">
          Signage built for real business environments
        </h2>

      </div>

      <p class="dsp-signage-proof__intro">
        Real project photography shows how DSP’s design, production and
        finishing capability translates into completed signage for retail,
        service and industrial environments.
      </p>

    </header>

    <!-- GALLERY -->

    <div class="dsp-signage-proof__grid">

      <!-- MAIN: SPRINGS CARAVAN WORLD -->

      <figure
        class="dsp-signage-proof__card
               dsp-signage-proof__card--main">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-springs-caravan-world-business-signage.jpg"
          alt="Springs Caravan World storefront signage with a DSP-branded production vehicle parked outside."
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-signage-proof__caption">

          <span class="dsp-signage-proof__label">
            Customer-facing business signage
          </span>

          <span class="dsp-signage-proof__title">
            Storefront signage designed for clear roadside identification and everyday business visibility
          </span>

        </figcaption>

      </figure>

      <!-- SUPPORTING: EMERGENCY ENTRANCE -->

      <figure
        class="dsp-signage-proof__card
               dsp-signage-proof__card--small">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-24hr-emergency-entrance-signage.jpg"
          alt="Red 24hr Emergency entrance sign installed across a covered brick building accessway."
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-signage-proof__caption">

          <span class="dsp-signage-proof__label">
            Entrance identification
          </span>

          <span class="dsp-signage-proof__title">
            High-contrast emergency signage for clear, immediate wayfinding
          </span>

        </figcaption>

      </figure>

      <!-- SUPPORTING: GALFERRO -->

      <figure
        class="dsp-signage-proof__card
               dsp-signage-proof__card--small">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-galferro-industrial-building-signage.jpg"
          alt="Large-format Galferro and Hot-Dip Galvanisers signage installed across an industrial brick building façade."
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-signage-proof__caption">

          <span class="dsp-signage-proof__label">
            Large-scale industrial signage
          </span>

          <span class="dsp-signage-proof__title">
            Building lettering designed to remain visible across a large industrial façade
          </span>

        </figcaption>

      </figure>

    </div>

    <!-- FOOTER -->

    <footer class="dsp-signage-proof__footer">

      <p class="dsp-signage-proof__footer-copy">
        Have a specific signage requirement in mind? Share photographs,
        dimensions, artwork and the intended location with DSP so the team can
        help assess the most practical design and production route.
      </p>

      <a
        class="dsp-signage-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-4e46ad3 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="4e46ad3" 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-d7e6da4 pbmit-bg-color-over-image" data-id="d7e6da4" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f3c449c elementor-widget elementor-widget-html" data-id="f3c449c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SIGNAGE PAGE — RELATED SERVICES
   ========================================================= */

.dsp-signage-related,
.dsp-signage-related * {
  box-sizing: border-box;
}

.dsp-signage-related {
  --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: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-signage-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* Header */

.dsp-signage-related__header {
  max-width: 850px;
  margin-bottom: 36px;
}

.dsp-signage-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-signage-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-signage-related h2 {
  max-width: 780px;
  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-signage-related__intro {
  max-width: 760px;
  margin: 0;
  color: var(--dsp-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* Grid */

.dsp-signage-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* Cards */

.dsp-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-related-card:hover,
.dsp-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-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-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-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-related-card p {
  flex: 1;
  margin: 0 0 20px;
  color: var(--dsp-muted);
  font-size: 13px;
  line-height: 1.6;
}

.dsp-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-related-card__arrow {
  font-size: 15px;
  transition: transform 180ms ease;
}

.dsp-related-card:hover .dsp-related-card__arrow,
.dsp-related-card:focus-visible .dsp-related-card__arrow {
  transform: translate(3px, -2px);
}

/* Footer link */

.dsp-signage-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-signage-related__footer p {
  max-width: 690px;
  margin: 0;
  color: var(--dsp-muted);
  font-size: 13px;
  line-height: 1.6;
}

.dsp-signage-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-signage-related__all-services:hover,
.dsp-signage-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* Tablet */

@media (max-width: 1050px) {

  .dsp-signage-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

/* Mobile */

@media (max-width: 767px) {

  .dsp-signage-related {
    padding: 60px 0;
  }

  .dsp-signage-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-signage-related__header {
    margin-bottom: 28px;
  }

  .dsp-signage-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-signage-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-related-card {
    min-height: auto;
  }

  .dsp-signage-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }

}
</style>


<section
  class="dsp-signage-related"
  aria-labelledby="dsp-signage-related-title">

  <div class="dsp-signage-related__inner">


    <header class="dsp-signage-related__header">

      <div class="dsp-signage-related__eyebrow">
        Related production services
      </div>

      <h2 id="dsp-signage-related-title">
        Other services that often support signage projects
      </h2>

      <p class="dsp-signage-related__intro">
        Signage projects often overlap with large-format graphics, branded
        vehicles, outdoor visibility and artwork preparation. Explore the
        related DSP services below.
      </p>

    </header>


    <div class="dsp-signage-related__grid">


      <!-- WIDE FORMAT -->

      <a
        class="dsp-related-card"
        href="/service/wide-format-printing/">

        <span class="dsp-related-card__label">
          Related service
        </span>

        <h3>
          Wide Format Printing
        </h3>

        <p>
          Large printed graphics and visual material for signage, displays,
          promotional applications and larger-format business communication.
        </p>

        <span class="dsp-related-card__link">
          Explore Wide Format
          <span class="dsp-related-card__arrow" aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- VEHICLE BRANDING -->

      <a
        class="dsp-related-card"
        href="/service/vehicle-wrap/">

        <span class="dsp-related-card__label">
          Related service
        </span>

        <h3>
          Vehicle Branding &amp; Wraps
        </h3>

        <p>
          Extend brand visibility beyond the building with printed graphics
          and branding for commercial vehicles and fleets.
        </p>

        <span class="dsp-related-card__link">
          Explore Vehicle Branding
          <span class="dsp-related-card__arrow" aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- BILLBOARDS -->

      <a
        class="dsp-related-card"
        href="/service/billboards/">

        <span class="dsp-related-card__label">
          Related service
        </span>

        <h3>
          Billboards
        </h3>

        <p>
          Large-scale outdoor advertising and printed visibility for businesses,
          campaigns and high-impact branded communication.
        </p>

        <span class="dsp-related-card__link">
          Explore Billboards
          <span class="dsp-related-card__arrow" aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- DESIGN -->

      <a
        class="dsp-related-card"
        href="/service/in-house-design/">

        <span class="dsp-related-card__label">
          Production support
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Artwork preparation and design support to help adapt logos, layouts
          and visual material for the intended signage or print application.
        </p>

        <span class="dsp-related-card__link">
          Explore Design Support
          <span class="dsp-related-card__arrow" aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <footer class="dsp-signage-related__footer">

      <p>
        Need several production services for the same project? DSP can help
        assess how the different print, signage and artwork requirements fit
        together.
      </p>

      <a
        class="dsp-signage-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-731c748 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="731c748" 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-57439c9 pbmit-bg-color-over-image" data-id="57439c9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e2b0455 elementor-widget elementor-widget-html" data-id="e2b0455" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SIGNAGE PAGE — FAQ
   ========================================================= */

.dsp-signage-faq,
.dsp-signage-faq * {
  box-sizing: border-box;
}

.dsp-signage-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-signage-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* Header */

.dsp-signage-faq__header {
  max-width: 850px;
  margin-bottom: 36px;
}

.dsp-signage-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-signage-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-signage-faq h2 {
  max-width: 760px;
  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-signage-faq__intro {
  max-width: 720px;
  margin: 0;
  color: var(--dsp-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* FAQ items */

.dsp-signage-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-signage-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-signage-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-signage-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-signage-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:
    transform 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

.dsp-signage-faq details[open] summary::after {
  content: "−";
  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-signage-faq__answer {
  max-width: 860px;
  padding: 0 52px 25px 0;
}

.dsp-signage-faq__answer p {
  margin: 0;
  color: var(--dsp-muted);
  font-size: 14px;
  line-height: 1.72;
}

/* Footer CTA */

.dsp-signage-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-signage-faq__footer p {
  max-width: 680px;
  margin: 0;
  color: var(--dsp-muted);
  font-size: 13px;
  line-height: 1.6;
}

.dsp-signage-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-signage-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-signage-faq__link:hover,
.dsp-signage-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* Mobile */

@media (max-width: 767px) {

  .dsp-signage-faq {
    padding: 60px 0;
  }

  .dsp-signage-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-signage-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-signage-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-signage-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-signage-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-signage-faq__footer {
    align-items: flex-start;
    flex-direction: column;
    padding: 23px 21px;
  }

}
</style>


<section
  class="dsp-signage-faq"
  aria-labelledby="dsp-signage-faq-title">

  <div class="dsp-signage-faq__inner">


    <header class="dsp-signage-faq__header">

      <div class="dsp-signage-faq__eyebrow">
        Signage FAQs
      </div>

      <h2 id="dsp-signage-faq-title">
        Questions businesses often have before starting a signage project
      </h2>

      <p class="dsp-signage-faq__intro">
        You do not need to have every specification finalised before making
        contact. These are some of the practical questions DSP can help work
        through at the start of a signage project.
      </p>

    </header>


    <div class="dsp-signage-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          Can DSP help if I do not know which type of signage I need?
        </summary>

        <div class="dsp-signage-faq__answer">

          <p>
            Yes. Start by explaining where the signage will be used, what it
            needs to communicate, the approximate size and how it needs to be
            seen. DSP can then help assess the practical production options
            for the application.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          Can DSP assist with the artwork for my signage?
        </summary>

        <div class="dsp-signage-faq__answer">

          <p>
            DSP provides in-house design and artwork support. Existing logos
            and files can be checked or adapted for production, and the team can
            help develop a practical layout where artwork still needs to be
            prepared for the final signage format.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          What information should I send when requesting a signage quote?
        </summary>

        <div class="dsp-signage-faq__answer">

          <p>
            Include the intended location, approximate dimensions, quantity,
            photographs of the site where relevant, available artwork or logos
            and your required timing. If some of those details are still
            undecided, mention that in the enquiry so DSP can help clarify them.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          How is the right signage material or production method selected?
        </summary>

        <div class="dsp-signage-faq__answer">

          <p>
            The choice should reflect the intended application. Factors such as
            indoor or outdoor use, exposure, size, viewing distance, placement,
            expected lifespan and finishing requirements can all influence the
            most appropriate production route.
          </p>

        </div>

      </details>


    </div>


    <div class="dsp-signage-faq__footer">

      <p>
        <strong>Still unsure where to begin?</strong>
        Send DSP the information you already have. The team can help work
        through the remaining production details.
      </p>

      <a
        class="dsp-signage-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-d28ba2c elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="d28ba2c" 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-8408f66 pbmit-bg-color-over-image" data-id="8408f66" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-556958d elementor-widget elementor-widget-html" data-id="556958d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SIGNAGE PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-signage-final-cta,
.dsp-signage-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-signage-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-signage-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-signage-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-signage-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-signage-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-signage-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-signage-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-signage-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-signage-final-cta__copy {
  max-width: 790px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-signage-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-signage-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-signage-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-signage-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-signage-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-signage-final-cta__button:hover,
.dsp-signage-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-signage-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-signage-final-cta__button--primary:hover,
.dsp-signage-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-signage-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-signage-final-cta__button--secondary:hover,
.dsp-signage-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-signage-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-signage-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-signage-final-cta {
    padding: 54px 0;
  }

  .dsp-signage-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-signage-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-signage-final-cta__main {
    gap: 34px;
  }

  .dsp-signage-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-signage-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-signage-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-signage-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-signage-final-cta"
  aria-labelledby="dsp-signage-final-cta-title"
>

  <div class="dsp-signage-final-cta__inner">

    <div class="dsp-signage-final-cta__shell">

      <div class="dsp-signage-final-cta__main">


        <!-- COPY -->

        <div class="dsp-signage-final-cta__content">

          <div class="dsp-signage-final-cta__eyebrow">
            Start your signage enquiry
          </div>

          <h2 id="dsp-signage-final-cta-title">
            Need signage for your business, building or site?
          </h2>

          <p class="dsp-signage-final-cta__copy">
            Send DSP the details you already have — photographs, approximate
            dimensions, artwork, location and intended use are all helpful.
            The team can then help work through the practical design,
            material and production requirements for the finished signage.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-signage-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about signage"
        >

          <h3 class="dsp-signage-final-cta__panel-heading">
            Have a signage requirement to discuss?
          </h3>

          <p class="dsp-signage-final-cta__panel-copy">
            Share photographs, approximate dimensions, location, intended use
            and any artwork or brand material you already have.
          </p>

          <div class="dsp-signage-final-cta__buttons">

            <a
              class="
                dsp-signage-final-cta__button
                dsp-signage-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-signage-final-cta__button
                dsp-signage-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>
		<item>
		<title>Silk Screening</title>
		<link>https://dynamicsp.co.za/service/silk-screening/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 01:16:35 +0000</pubDate>
				<guid isPermaLink="false">https://34609e326d14.xneelosites.com/?post_type=pbmit-service&#038;p=5560</guid>

					<description><![CDATA[Silk Screening · Springs, Gauteng Silk screening for branded and specialist production requirements DSP provides silk screening support for suitable business, promotional and specialist production applications. The item or material, artwork, print area, quantity and intended use can be assessed together so the job is prepared around the finished physical requirement. Business branding Promotional applications [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5560" class="elementor elementor-5560">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-0376c2b elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="0376c2b" 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-c3e0d50 pbmit-bg-color-over-image" data-id="c3e0d50" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-abe5010 elementor-widget elementor-widget-html" data-id="abe5010" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SILK SCREENING PAGE — HERO
   ========================================================= */

.dsp-screen-hero,
.dsp-screen-hero * {
  box-sizing: border-box;
}

.dsp-screen-hero {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255,255,255,.72);
  --dsp-border: rgba(255,255,255,.14);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;
  width: 100%;
  overflow: hidden;

  padding:
    clamp(82px, 8vw, 128px)
    0
    clamp(72px, 7vw, 106px);

  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(255,221,0,.09),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: #ffffff;
}

.dsp-screen-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-screen-hero__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .78fr);

  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-screen-hero__content {
  max-width: 900px;
}

.dsp-screen-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 18px;

  color: rgba(255,255,255,.76);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-screen-hero__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-screen-hero h1 {
  max-width: 950px;
  margin: 0 0 25px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(45px, 4.9vw, 74px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -.045em;
}

.dsp-screen-hero__intro {
  max-width: 800px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT POINTS
   ========================================================= */

.dsp-screen-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-screen-hero__points li {
  position: relative;

  color: rgba(255,255,255,.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-screen-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-screen-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-screen-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.dsp-screen-hero__button:hover,
.dsp-screen-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-screen-hero__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-screen-hero__button--primary:hover,
.dsp-screen-hero__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}

.dsp-screen-hero__button--secondary {
  background: transparent;
  border-color: rgba(255,255,255,.55);
  color: #ffffff;
}

.dsp-screen-hero__button--secondary:hover,
.dsp-screen-hero__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);
  border-color: #ffffff;
  color: #ffffff;
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-screen-hero__visual {
  position: relative;
}

.dsp-screen-hero__figure {
  position: relative;
  min-height: 0;
  aspect-ratio: 16 / 9;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );

  box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

.dsp-screen-hero__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;
  min-height: 0;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-screen-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  max-width: 300px;
  padding: 17px 19px;

  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;

  background: rgba(23,23,24,.94);

  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}

.dsp-screen-hero__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-screen-hero__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .dsp-screen-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-screen-hero__visual {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-screen-hero {
    padding: 72px 0 66px;
  }

  .dsp-screen-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-screen-hero h1 {
    font-size: clamp(39px, 10.8vw, 51px);
  }

  .dsp-screen-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-screen-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-screen-hero__button {
    width: 100%;
  }

  .dsp-screen-hero__figure {
    min-height: auto;
    aspect-ratio: 16 / 9;
  }

  .dsp-screen-hero__figure img {
    min-height: 0;
    height: 100%;
  }

  .dsp-screen-hero__badge {
    position: relative;
    left: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }
}
</style>


<section
  class="dsp-screen-hero"
  aria-labelledby="dsp-screen-hero-title">

  <div class="dsp-screen-hero__inner">


    <!-- CONTENT -->

    <div class="dsp-screen-hero__content">

      <div class="dsp-screen-hero__eyebrow">
        Silk Screening · Springs, Gauteng
      </div>

      <h1 id="dsp-screen-hero-title">
        Silk screening for branded and specialist production requirements
      </h1>

      <p class="dsp-screen-hero__intro">
        DSP provides silk screening support for suitable business,
        promotional and specialist production applications. The item or
        material, artwork, print area, quantity and intended use can be
        assessed together so the job is prepared around the finished physical
        requirement.
      </p>


      <ul
        class="dsp-screen-hero__points"
        aria-label="DSP silk screening support">

        <li>Business branding</li>
        <li>Promotional applications</li>
        <li>Custom print requirements</li>
        <li>In-house artwork support</li>

      </ul>


      <div class="dsp-screen-hero__actions">

        <a
          class="dsp-screen-hero__button
                 dsp-screen-hero__button--primary"
          href="/contact-us/">

          Discuss Your Silk Screening
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-screen-hero__button
                 dsp-screen-hero__button--secondary"
          href="#dsp-screen-applications">

          Explore Applications
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>


    <!-- IMAGE -->

    <div class="dsp-screen-hero__visual">

      <div class="dsp-screen-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/silk-screen-printing-custom-workwear-springs-gauteng.jpg"
          alt="Technician applying a white silk-screen print to a navy workwear shirt using professional screen-printing equipment"
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </div>


      <div class="dsp-screen-hero__badge">

        <span class="dsp-screen-hero__badge-label">
          Specialist print production
        </span>

        <span class="dsp-screen-hero__badge-text">
          The item, artwork, print area and quantity are considered together before the production setup is confirmed.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-336753f elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="336753f" 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-ccafde3 pbmit-bg-color-over-image" data-id="ccafde3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f90b42e elementor-widget elementor-widget-html" data-id="f90b42e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SILK SCREENING PAGE — APPLICATIONS
   ========================================================= */

.dsp-screen-apps,
.dsp-screen-apps * {
  box-sizing: border-box;
}

.dsp-screen-apps {
  --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(74px, 7vw, 110px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);

  scroll-margin-top: 30px;
}

.dsp-screen-apps__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-screen-apps__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-screen-apps__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-screen-apps__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-screen-apps h2 {
  max-width: 850px;
  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-screen-apps__intro {
  max-width: 620px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-screen-apps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-screen-app {
  position: relative;

  min-height: 255px;
  padding: 28px 27px 25px;

  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-screen-app:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-screen-app::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-screen-app__number {
  display: block;

  margin-bottom: 22px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-screen-app h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.dsp-screen-app p {
  flex: 1;

  margin: 0 0 18px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-screen-app__use {
  padding-top: 15px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-screen-app__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-screen-apps__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-screen-apps__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-screen-apps__footer-copy strong {
  color: #ffffff;
}

.dsp-screen-apps__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-screen-apps__button:hover,
.dsp-screen-apps__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-screen-apps__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-screen-apps__intro {
    margin-left: 0;
  }

  .dsp-screen-apps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-screen-apps {
    padding: 64px 0;
  }

  .dsp-screen-apps__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-screen-apps__header {
    margin-bottom: 30px;
  }

  .dsp-screen-apps h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-screen-apps__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-screen-apps__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-screen-app {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-screen-apps__footer {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-screen-apps__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-screen-apps"
  id="dsp-screen-applications"
  aria-labelledby="dsp-screen-apps-title">

  <div class="dsp-screen-apps__inner">


    <!-- HEADER -->

    <header class="dsp-screen-apps__header">

      <div>

        <div class="dsp-screen-apps__eyebrow">
          Silk screening applications
        </div>

        <h2 id="dsp-screen-apps-title">
          Specialist print production for branded and practical business applications
        </h2>

      </div>


      <p class="dsp-screen-apps__intro">
        Silk screening can support a range of repeat and custom print
        requirements. The suitability of the item, material, print area,
        artwork and quantity should be assessed together before the production
        method is confirmed.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-screen-apps__grid">


      <!-- 01 -->

      <article class="dsp-screen-app">

        <span class="dsp-screen-app__number">
          01
        </span>

        <h3>
          Branded business applications
        </h3>

        <p>
          Company logos, wording or graphic elements can be screen printed
          onto suitable items or materials where branding forms part of the
          finished physical requirement.
        </p>

        <div class="dsp-screen-app__use">
          <strong>Useful for:</strong>
          business branding and custom company applications
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-screen-app">

        <span class="dsp-screen-app__number">
          02
        </span>

        <h3>
          Promotional applications
        </h3>

        <p>
          Silk screening can be considered for suitable promotional pieces
          where a repeated logo, message or graphic needs to form part of a
          campaign or branded activation.
        </p>

        <div class="dsp-screen-app__use">
          <strong>Useful for:</strong>
          promotions, events and campaign material
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-screen-app">

        <span class="dsp-screen-app__number">
          03
        </span>

        <h3>
          Identification &amp; information print
        </h3>

        <p>
          Text, numbering, branding or other information can be assessed for
          suitable items and components where clear printed identification
          forms part of the finished requirement.
        </p>

        <div class="dsp-screen-app__use">
          <strong>Useful for:</strong>
          identification, information and operational applications
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-screen-app">

        <span class="dsp-screen-app__number">
          04
        </span>

        <h3>
          Campaign production
        </h3>

        <p>
          Where the same campaign artwork needs to be reproduced across a
          quantity of suitable items, silk screening can form part of the
          wider production requirement.
        </p>

        <div class="dsp-screen-app__use">
          <strong>Useful for:</strong>
          branded campaigns and coordinated production runs
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-screen-app">

        <span class="dsp-screen-app__number">
          05
        </span>

        <h3>
          Repeat print requirements
        </h3>

        <p>
          The process can be considered where a consistent logo, graphic or
          information element needs to be reproduced across multiple suitable
          pieces as part of one production job.
        </p>

        <div class="dsp-screen-app__use">
          <strong>Useful for:</strong>
          recurring or quantity-based production requirements
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-screen-app">

        <span class="dsp-screen-app__number">
          06
        </span>

        <h3>
          Custom specialist jobs
        </h3>

        <p>
          If the requirement falls outside a standard category, send DSP the
          item or material, dimensions, artwork, print position and quantity so
          the most suitable production approach can be assessed.
        </p>

        <div class="dsp-screen-app__use">
          <strong>Useful for:</strong>
          unusual or specialised print enquiries
        </div>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-screen-apps__footer">

      <p class="dsp-screen-apps__footer-copy">
        <strong>Not sure whether silk screening suits your item?</strong>
        Send DSP a clear photograph or description, the dimensions, intended
        print area, quantity and artwork. The team can assess the requirement
        before the production method is confirmed.
      </p>


      <a
        class="dsp-screen-apps__button"
        href="/contact-us/">

        Discuss Your Silk Screening
        <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-03bb1f0 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="03bb1f0" 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-9da505b pbmit-bg-color-over-image" data-id="9da505b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f10d81c elementor-widget elementor-widget-html" data-id="f10d81c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SILK SCREENING PAGE — PLANNING THE JOB
   ========================================================= */

.dsp-screen-planning,
.dsp-screen-planning * {
  box-sizing: border-box;
}

.dsp-screen-planning {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --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-screen-planning__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-screen-planning__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-screen-planning__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-screen-planning__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-screen-planning h2 {
  max-width: 840px;
  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-screen-planning__intro {
  max-width: 610px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-screen-planning__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-screen-planning__item {
  min-height: 220px;
  padding: 28px 25px;

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);

  background: var(--dsp-soft);
}

.dsp-screen-planning__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-magenta);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-screen-planning__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-screen-planning__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-screen-planning__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-screen-planning__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-screen-planning__callout-copy strong {
  color: #ffffff;
}

.dsp-screen-planning__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-screen-planning__button:hover,
.dsp-screen-planning__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-screen-planning__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-screen-planning__intro {
    margin-left: 0;
  }

  .dsp-screen-planning__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-screen-planning {
    padding: 62px 0;
  }

  .dsp-screen-planning__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-screen-planning__header {
    margin-bottom: 28px;
  }

  .dsp-screen-planning h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-screen-planning__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-screen-planning__grid {
    grid-template-columns: 1fr;
  }

  .dsp-screen-planning__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-screen-planning__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-screen-planning__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-screen-planning"
  aria-labelledby="dsp-screen-planning-title">

  <div class="dsp-screen-planning__inner">


    <!-- HEADER -->

    <header class="dsp-screen-planning__header">

      <div>

        <div class="dsp-screen-planning__eyebrow">
          Planning the silk screening job
        </div>

        <h2 id="dsp-screen-planning-title">
          Start with the item, print area and quantity
        </h2>

      </div>


      <p class="dsp-screen-planning__intro">
        A silk screening enquiry is easier to assess when DSP can see what
        needs to be printed, where the artwork needs to appear and how many
        pieces are required. The item, dimensions, artwork and intended use
        all help shape the production setup.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-screen-planning__grid">


      <!-- 01 -->

      <article class="dsp-screen-planning__item">

        <span class="dsp-screen-planning__number">
          01
        </span>

        <h3>
          Item or material
        </h3>

        <p>
          Explain what needs to be printed and provide a clear photograph or
          sample where practical. The specific item or material needs to be
          considered before the production method is confirmed.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-screen-planning__item">

        <span class="dsp-screen-planning__number">
          02
        </span>

        <h3>
          Overall dimensions
        </h3>

        <p>
          Provide the approximate dimensions of the item, panel or piece so
          DSP can understand the physical format and how the artwork needs to
          fit within it.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-screen-planning__item">

        <span class="dsp-screen-planning__number">
          03
        </span>

        <h3>
          Required print area
        </h3>

        <p>
          Show where the logo, wording or graphic needs to appear and provide
          the approximate print dimensions where known. A marked-up photograph
          can be useful for explaining the required position.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-screen-planning__item">

        <span class="dsp-screen-planning__number">
          04
        </span>

        <h3>
          Artwork &amp; brand material
        </h3>

        <p>
          Send the best available logo, graphic, wording or existing artwork.
          DSP's in-house design team can help prepare or adapt the layout
          around the confirmed production requirement where needed.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-screen-planning__item">

        <span class="dsp-screen-planning__number">
          05
        </span>

        <h3>
          Quantity
        </h3>

        <p>
          Let DSP know the number of pieces required and whether the same
          artwork will be repeated across the entire job or whether different
          versions are needed.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-screen-planning__item">

        <span class="dsp-screen-planning__number">
          06
        </span>

        <h3>
          Intended use
        </h3>

        <p>
          Explain how the finished printed item will be used and whether it
          forms part of a business, promotional, campaign or specialist
          production requirement.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-screen-planning__callout">

      <p class="dsp-screen-planning__callout-copy">
        <strong>Only have the item and an idea of what needs to be printed?</strong>
        Send DSP a photograph or description together with the approximate
        dimensions, quantity and wording or logo. The team can help establish
        what artwork and production information is still required.
      </p>


      <a
        class="dsp-screen-planning__button"
        href="/contact-us/">

        Send Your Job Details
        <span aria-hidden="true">↗</span>

      </a>

    </div>

  </div>

</section>				</div>
				</div>
				<div class="elementor-element elementor-element-489af14 elementor-widget elementor-widget-html" data-id="489af14" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SILK SCREENING PAGE — PRODUCTION WORKFLOW
   ========================================================= */

.dsp-screen-process,
.dsp-screen-process * {
  box-sizing: border-box;
}

.dsp-screen-process {
  --dsp-dark: #181819;
  --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(74px, 7vw, 108px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-screen-process__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(410px, .85fr)
    minmax(0, 1.15fr);

  align-items: center;
  gap: clamp(52px, 7vw, 105px);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-screen-process__visual {
  position: relative;
}

.dsp-screen-process__figure {
  position: relative;

  min-height: 560px;

  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, .85fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;

  padding: 12px;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 24px;

  background: #e4e7e8;

  box-shadow: 0 20px 48px rgba(24,28,31,.08);
}

.dsp-screen-process__image {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 15px;
  background: #daddde;
}

.dsp-screen-process__image--primary {
  grid-column: 1;
  grid-row: 1 / 3;
}

.dsp-screen-process__image--secondary-one {
  grid-column: 2;
  grid-row: 1;
}

.dsp-screen-process__image--secondary-two {
  grid-column: 2;
  grid-row: 2;
}

.dsp-screen-process__image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

.dsp-screen-process__image--primary img {
  object-position: center center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-screen-process__badge {
  position: absolute;
  right: -22px;
  bottom: 28px;

  max-width: 290px;
  padding: 18px 20px;

  border-radius: 18px;

  background: var(--dsp-dark);
  color: #ffffff;

  box-shadow: 0 17px 38px rgba(24,28,31,.18);
}

.dsp-screen-process__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-screen-process__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-screen-process__content {
  max-width: 730px;
}

.dsp-screen-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: .09em;
  text-transform: uppercase;
}

.dsp-screen-process__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-screen-process h2 {
  max-width: 720px;
  margin: 0 0 23px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(39px, 4vw, 58px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.04em;
}

.dsp-screen-process__intro {
  max-width: 680px;
  margin: 0 0 30px;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   STEPS
   ========================================================= */

.dsp-screen-process__steps {
  margin: 0;
  padding: 0;

  list-style: none;

  border-top: 1px solid var(--dsp-border);
}

.dsp-screen-process__step {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 18px;

  padding: 20px 0;

  border-bottom: 1px solid var(--dsp-border);
}

.dsp-screen-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-screen-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-screen-process__step p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   CTA
   ========================================================= */

.dsp-screen-process__actions {
  margin-top: 31px;

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-screen-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

.dsp-screen-process__button:hover,
.dsp-screen-process__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-screen-process__button--primary {
  border: 1px solid var(--dsp-dark);

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-screen-process__button--primary:hover,
.dsp-screen-process__button--primary:focus-visible {
  border-color: var(--dsp-cyan);

  background: var(--dsp-cyan);
  color: #ffffff;
}

.dsp-screen-process__button--secondary {
  border: 1px solid var(--dsp-dark);

  background: transparent;
  color: var(--dsp-dark);
}

.dsp-screen-process__button--secondary:hover,
.dsp-screen-process__button--secondary:focus-visible {
  background: #ffffff;
  color: var(--dsp-dark);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-screen-process__inner {
    grid-template-columns: 1fr;
  }

  .dsp-screen-process__visual {
    max-width: 820px;
  }

  .dsp-screen-process__figure {
    min-height: 520px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-screen-process {
    padding: 64px 0;
  }

  .dsp-screen-process__inner {
    width: min(100% - 30px, 600px);
    gap: 38px;
  }

  .dsp-screen-process__figure {
    min-height: 430px;
    padding: 9px;
    gap: 9px;

    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(250px, 1.2fr) minmax(150px, .8fr);
  }

  .dsp-screen-process__image--primary {
    grid-column: 1 / 3;
    grid-row: 1;
  }

  .dsp-screen-process__image--secondary-one {
    grid-column: 1;
    grid-row: 2;
  }

  .dsp-screen-process__image--secondary-two {
    grid-column: 2;
    grid-row: 2;
  }

  .dsp-screen-process__badge {
    position: relative;
    right: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }

  .dsp-screen-process h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-screen-process__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-screen-process__step {
    grid-template-columns: 40px 1fr;
    gap: 14px;
  }

  .dsp-screen-process__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-screen-process__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-screen-process"
  aria-labelledby="dsp-screen-process-title">

  <div class="dsp-screen-process__inner">


    <!-- IMAGE -->

    <div class="dsp-screen-process__visual">

      <div class="dsp-screen-process__figure">

        <div class="dsp-screen-process__image dsp-screen-process__image--primary">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/silk-screen-printed-products-springs-gauteng.jpg"
            alt="Completed silk-screen printed workwear, tote bag and display products arranged for inspection in Springs, Gauteng"
            loading="lazy"
            decoding="async">

        </div>


        <div class="dsp-screen-process__image dsp-screen-process__image--secondary-one">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/multicolour-silk-screen-print-black-fabric.jpg"
            alt="Close-up of a crisp multicolour silk-screen print on black cotton fabric"
            loading="lazy"
            decoding="async">

        </div>


        <div class="dsp-screen-process__image dsp-screen-process__image--secondary-two">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/custom-screen-printed-aprons-south-africa.jpg"
            alt="South African hospitality staff wearing coordinated custom screen-printed shirts and aprons"
            loading="lazy"
            decoding="async">

        </div>

      </div>


      <div class="dsp-screen-process__badge">

        <span class="dsp-screen-process__badge-label">
          Production planned around the job
        </span>

        <span class="dsp-screen-process__badge-text">
          Item, print position, artwork and quantity are considered together before production begins.
        </span>

      </div>

    </div>


    <!-- CONTENT -->

    <div class="dsp-screen-process__content">

      <div class="dsp-screen-process__eyebrow">
        Silk screening workflow
      </div>

      <h2 id="dsp-screen-process-title">
        From the initial requirement to the completed screened print
      </h2>

      <p class="dsp-screen-process__intro">
        The production process starts with understanding the physical item and
        the required printed result. DSP can then prepare the artwork and
        production setup around the confirmed application, quantity and print
        position.
      </p>


      <ol class="dsp-screen-process__steps">


        <!-- 01 -->

        <li class="dsp-screen-process__step">

          <span class="dsp-screen-process__step-number">
            01
          </span>

          <div>

            <h3>
              Assess the application
            </h3>

            <p>
              DSP reviews the item or material, dimensions, required print
              area, quantity and intended use to understand the physical
              production requirement.
            </p>

          </div>

        </li>


        <!-- 02 -->

        <li class="dsp-screen-process__step">

          <span class="dsp-screen-process__step-number">
            02
          </span>

          <div>

            <h3>
              Review and prepare the artwork
            </h3>

            <p>
              Logos, wording and supplied artwork are checked against the
              confirmed print area. Where needed, DSP's in-house design team
              can adapt the layout for the production requirement.
            </p>

          </div>

        </li>


        <!-- 03 -->

        <li class="dsp-screen-process__step">

          <span class="dsp-screen-process__step-number">
            03
          </span>

          <div>

            <h3>
              Confirm the print setup
            </h3>

            <p>
              The artwork position, dimensions, quantity and practical setup
              are confirmed before the screened production run begins.
            </p>

          </div>

        </li>


        <!-- 04 -->

        <li class="dsp-screen-process__step">

          <span class="dsp-screen-process__step-number">
            04
          </span>

          <div>

            <h3>
              Produce the screened print
            </h3>

            <p>
              The approved artwork is reproduced according to the confirmed
              job requirement across the required suitable items or pieces.
            </p>

          </div>

        </li>


        <!-- 05 -->

        <li class="dsp-screen-process__step">

          <span class="dsp-screen-process__step-number">
            05
          </span>

          <div>

            <h3>
              Complete and prepare the job
            </h3>

            <p>
              The finished pieces are prepared for collection or for the next
              stage of the wider print, branding or production requirement.
            </p>

          </div>

        </li>


      </ol>


      <!-- ACTIONS -->

      <div class="dsp-screen-process__actions">

        <a
          class="dsp-screen-process__button
                 dsp-screen-process__button--primary"
          href="/contact-us/">

          Discuss Your Silk Screening
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-screen-process__button
                 dsp-screen-process__button--secondary"
          href="/service/in-house-design/">

          Artwork 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-64d405d elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="64d405d" 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-b35f20a pbmit-bg-color-over-image" data-id="b35f20a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2b4958b elementor-widget elementor-widget-html" data-id="2b4958b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SILK SCREENING PAGE — RELATED SERVICES
   ========================================================= */

.dsp-screen-related,
.dsp-screen-related * {
  box-sizing: border-box;
}

.dsp-screen-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: #ffffff;
  color: var(--dsp-text);
}

.dsp-screen-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-screen-related__header {
  max-width: 900px;
  margin-bottom: 36px;
}

.dsp-screen-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-screen-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-screen-related h2 {
  max-width: 860px;
  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-screen-related__intro {
  max-width: 800px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-screen-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-screen-related-card {
  position: relative;

  min-height: 255px;
  padding: 27px 25px 25px;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 19px;

  background: var(--dsp-light);
  color: var(--dsp-text);

  text-decoration: none;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.dsp-screen-related-card:hover,
.dsp-screen-related-card:focus-visible {
  transform: translateY(-4px);

  border-color: #cbd0d2;
  background: #ffffff;

  box-shadow: 0 18px 36px rgba(24,28,31,.08);

  color: var(--dsp-text);
  text-decoration: none;
}

.dsp-screen-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-screen-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-screen-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-screen-related-card p {
  flex: 1;

  margin: 0 0 20px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-screen-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-screen-related-card__arrow {
  font-size: 15px;

  transition: transform 180ms ease;
}

.dsp-screen-related-card:hover .dsp-screen-related-card__arrow,
.dsp-screen-related-card:focus-visible .dsp-screen-related-card__arrow {
  transform: translate(3px, -2px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-screen-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-screen-related__footer p {
  max-width: 790px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-screen-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-screen-related__all-services:hover,
.dsp-screen-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-screen-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-screen-related {
    padding: 60px 0;
  }

  .dsp-screen-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-screen-related__header {
    margin-bottom: 28px;
  }

  .dsp-screen-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-screen-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-screen-related-card {
    min-height: auto;
  }

  .dsp-screen-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-screen-related"
  aria-labelledby="dsp-screen-related-title">

  <div class="dsp-screen-related__inner">


    <!-- HEADER -->

    <header class="dsp-screen-related__header">

      <div class="dsp-screen-related__eyebrow">
        Related specialist services
      </div>

      <h2 id="dsp-screen-related-title">
        The right production method depends on the item and finished requirement
      </h2>

      <p class="dsp-screen-related__intro">
        Silk screening is one of several specialist production methods
        available through DSP. Where another process is better suited to the
        shape, print area, artwork or wider production job, DSP can help assess
        the available options.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-screen-related__grid">


      <!-- PAD PRINTING -->

      <a
        class="dsp-screen-related-card"
        href="/service/pad-printing/">

        <span class="dsp-screen-related-card__label">
          Specialist printing
        </span>

        <h3>
          Pad Printing
        </h3>

        <p>
          A specialist printing process that can be assessed for suitable
          custom items or components where the shape, print position or
          production requirement calls for a different approach.
        </p>

        <span class="dsp-screen-related-card__link">
          Explore Pad Printing
          <span
            class="dsp-screen-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- UV PRINTING -->

      <a
        class="dsp-screen-related-card"
        href="/service/uv-printing/">

        <span class="dsp-screen-related-card__label">
          Custom printing
        </span>

        <h3>
          UV Printing
        </h3>

        <p>
          UV printing support for suitable branded, promotional and specialist
          applications where artwork needs to be incorporated directly into a
          custom physical production requirement.
        </p>

        <span class="dsp-screen-related-card__link">
          Explore UV Printing
          <span
            class="dsp-screen-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- LASER -->

      <a
        class="dsp-screen-related-card"
        href="/service/laser-cutting-engraving/">

        <span class="dsp-screen-related-card__label">
          Cutting &amp; engraving
        </span>

        <h3>
          Laser Cutting &amp; Engraving
        </h3>

        <p>
          Custom cutting and engraving support for signage, identification and
          other specialist production requirements where shape, detail or
          marking forms part of the finished piece.
        </p>

        <span class="dsp-screen-related-card__link">
          Explore Laser Production
          <span
            class="dsp-screen-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- DESIGN -->

      <a
        class="dsp-screen-related-card"
        href="/service/in-house-design/">

        <span class="dsp-screen-related-card__label">
          Artwork support
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Artwork preparation and layout support for screen printing, custom
          printed items and other physical production requirements where the
          supplied artwork still needs to be adapted.
        </p>

        <span class="dsp-screen-related-card__link">
          Explore Design Support
          <span
            class="dsp-screen-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <!-- FOOTER -->

    <footer class="dsp-screen-related__footer">

      <p>
        If you are unsure which printing or production method suits the job,
        send DSP a photograph or description of the item together with the
        dimensions, required print area, quantity and artwork so the overall
        requirement can be assessed.
      </p>

      <a
        class="dsp-screen-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-ccc7692 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="ccc7692" 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-d85d914 pbmit-bg-color-over-image" data-id="d85d914" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cb813df elementor-widget elementor-widget-html" data-id="cb813df" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP SILK SCREENING PAGE
   FAQ + SITE-WIDE FINAL CTA
   ========================================================= */

.dsp-screen-faq,
.dsp-screen-faq * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT SECTION
   ========================================================= */

.dsp-screen-faq {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --dsp-light: #f3f5f5;
  --dsp-border: #dfe3e4;
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;
  isolation: isolate;

  width: 100%;

  padding:
    clamp(68px, 6vw, 96px)
    0
    clamp(72px, 7vw, 108px);

  color: var(--dsp-text);
}


/* Reliable full-width background */

.dsp-screen-faq::before {
  content: "";

  position: absolute;
  z-index: -1;

  top: 0;
  bottom: 0;

  left: 50%;

  width: 100vw;
  max-width: 100vw;

  transform: translateX(-50%);

  background: var(--dsp-light);
}


/* =========================================================
   FAQ CONTENT WIDTH
   ========================================================= */

.dsp-screen-faq__content {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.dsp-screen-faq__header {
  max-width: 860px;

  margin-bottom: 36px;
}


.dsp-screen-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-screen-faq__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-screen-faq h2 {
  max-width: 820px;

  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-screen-faq__intro {
  max-width: 760px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}


/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-screen-faq__list {
  border-top: 1px solid var(--dsp-border);
}


.dsp-screen-faq details {
  border-bottom: 1px solid var(--dsp-border);
}


.dsp-screen-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-screen-faq summary::-webkit-details-marker {
  display: none;
}


.dsp-screen-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: #ffffff;
  color: var(--dsp-dark);

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  transition:
    background-color 180ms ease,
    color 180ms ease;
}


.dsp-screen-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}


.dsp-screen-faq__answer {
  max-width: 900px;

  padding: 0 52px 25px 0;
}


.dsp-screen-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}


/* =========================================================
   FINAL CTA WRAPPER
   ========================================================= */

.dsp-screen-final-cta {
  width: min(100% - 48px, 1480px);

  margin:
    clamp(54px, 6vw, 82px)
    auto
    0;
}


/* =========================================================
   DARK CONTAINED CTA
   ========================================================= */

.dsp-screen-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% 9%,
      rgba(0,174,239,.12),
      transparent 31%
    ),
    radial-gradient(
      circle at 5% 94%,
      rgba(236,0,140,.08),
      transparent 29%
    ),
    linear-gradient(
      135deg,
      #181819 0%,
      #242426 100%
    );

  color: #ffffff;

  box-shadow:
    0 24px 65px rgba(20,24,26,.12);
}


/* CMYK top accent */

.dsp-screen-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%
    );
}


/* =========================================================
   CTA GRID
   ========================================================= */

.dsp-screen-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);
}


/* =========================================================
   CTA COPY
   ========================================================= */

.dsp-screen-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-screen-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-screen-final-cta h3 {
  max-width: 920px;

  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-screen-final-cta__copy {
  max-width: 800px;

  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   CTA ACTION PANEL
   ========================================================= */

.dsp-screen-final-cta__panel {
  position: relative;

  padding: 29px;

  border: 1px solid rgba(255,255,255,.15);
  border-radius: 22px;

  background: rgba(255,255,255,.055);

  box-shadow:
    0 20px 48px rgba(0,0,0,.16);
}


.dsp-screen-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-screen-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   CTA BUTTONS
   ========================================================= */

.dsp-screen-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-screen-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-screen-final-cta__button:hover,
.dsp-screen-final-cta__button:focus-visible {
  transform: translateY(-2px);

  text-decoration: none;
}


/* Primary */

.dsp-screen-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);

  color: #171717;
}


.dsp-screen-final-cta__button--primary:hover,
.dsp-screen-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;

  color: #171717;
}


/* Secondary */

.dsp-screen-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}


.dsp-screen-final-cta__button--secondary:hover,
.dsp-screen-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-screen-final-cta__main {
    grid-template-columns: 1fr;

    gap: 42px;
  }

  .dsp-screen-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-screen-faq {
    padding:
      60px
      0
      54px;
  }

  .dsp-screen-faq__content,
  .dsp-screen-final-cta {
    width: min(100% - 30px, 600px);
  }

  .dsp-screen-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-screen-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-screen-faq summary {
    padding: 22px 45px 22px 0;

    font-size: 16px;
  }

  .dsp-screen-faq__answer {
    padding: 0 0 22px;
  }


  /* Final CTA */

  .dsp-screen-final-cta {
    margin-top: 46px;
  }

  .dsp-screen-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-screen-final-cta__main {
    gap: 34px;
  }

  .dsp-screen-final-cta h3 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-screen-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-screen-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-screen-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-screen-faq"
  aria-labelledby="dsp-screen-faq-title"
>


  <!-- =====================================================
       FAQ CONTENT
       ===================================================== -->

  <div class="dsp-screen-faq__content">


    <!-- HEADER -->

    <header class="dsp-screen-faq__header">

      <div class="dsp-screen-faq__eyebrow">
        Silk Screening FAQs
      </div>

      <h2 id="dsp-screen-faq-title">
        Questions to consider before sending a silk screening job
      </h2>

      <p class="dsp-screen-faq__intro">
        The right production method depends on the physical item, available
        print area, artwork, quantity and intended use. These are useful
        starting points when discussing a silk screening requirement with DSP.
      </p>

    </header>


    <!-- FAQ LIST -->

    <div class="dsp-screen-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          How do I know whether silk screening is suitable for my item?
        </summary>

        <div class="dsp-screen-faq__answer">

          <p>
            Suitability depends on the specific item or material, its
            dimensions, the required print area and the finished application.
            Send DSP a clear photograph or sample description together with
            the quantity and artwork so the requirement can be assessed before
            the production method is confirmed.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          What information should I send DSP for a silk screening quote?
        </summary>

        <div class="dsp-screen-faq__answer">

          <p>
            Provide details of the item or material, approximate dimensions,
            required print position, quantity and available artwork. It is also
            helpful to explain what the finished item will be used for and when
            the job is required.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          Can DSP prepare or adapt the artwork for silk screening?
        </summary>

        <div class="dsp-screen-faq__answer">

          <p>
            Yes. DSP's in-house design team can work from supplied logos,
            wording, graphics or existing artwork and adapt the layout around
            the confirmed print area and production requirement where needed.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          What if I am unsure whether silk screening, pad printing or UV printing is the right process?
        </summary>

        <div class="dsp-screen-faq__answer">

          <p>
            You do not need to choose the production method before contacting
            DSP. Send the item or a clear photograph, dimensions, artwork,
            quantity and intended use. The team can assess the requirement and
            determine which available production process is the most suitable
            fit for the job.
          </p>

        </div>

      </details>


    </div>

  </div>


  <!-- =====================================================
       SITE-WIDE FINAL CTA
       ===================================================== -->

  <div class="dsp-screen-final-cta">

    <div class="dsp-screen-final-cta__shell">

      <div class="dsp-screen-final-cta__main">


        <!-- CTA COPY -->

        <div class="dsp-screen-final-cta__content">

          <div class="dsp-screen-final-cta__eyebrow">
            Start your silk screening enquiry
          </div>

          <h3>
            Have an item or material that needs printed branding?
          </h3>

          <p class="dsp-screen-final-cta__copy">
            Send DSP a photograph or description of the item, approximate
            dimensions, required print area, quantity and available artwork.
            If you are unsure whether silk screening is the right production
            method, the team can assess the requirement and help determine the
            most suitable available production route.
          </p>

        </div>


        <!-- CTA ACTION PANEL -->

        <aside
          class="dsp-screen-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about silk screening"
        >

          <h4 class="dsp-screen-final-cta__panel-heading">
            Have a silk screening requirement?
          </h4>

          <p class="dsp-screen-final-cta__panel-copy">
            Share the item, dimensions, quantity, print area and any artwork
            you already have so DSP can assess the requirement.
          </p>

          <div class="dsp-screen-final-cta__buttons">

            <a
              class="
                dsp-screen-final-cta__button
                dsp-screen-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-screen-final-cta__button
                dsp-screen-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>
		<item>
		<title>Magnetics</title>
		<link>https://dynamicsp.co.za/service/magnetics/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 01:16:18 +0000</pubDate>
				<guid isPermaLink="false">https://34609e326d14.xneelosites.com/?post_type=pbmit-service&#038;p=5565</guid>

					<description><![CDATA[Custom Magnetics · Springs, Gauteng Custom magnetic graphics for flexible business identification and visibility DSP produces custom magnetic graphics for businesses that need branded identification or promotional messaging on suitable magnetic surfaces. From vehicle applications to temporary business graphics, the team can help prepare the artwork, size and finished requirement for production. Vehicle applications Business [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5565" class="elementor elementor-5565">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-dfb8120 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="dfb8120" 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-d29599a pbmit-bg-color-over-image" data-id="d29599a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ef59f5e elementor-widget elementor-widget-html" data-id="ef59f5e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP MAGNETICS PAGE — HERO
   ========================================================= */

.dsp-magnetics-hero,
.dsp-magnetics-hero * {
  box-sizing: border-box;
}

.dsp-magnetics-hero {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255,255,255,.72);
  --dsp-border: rgba(255,255,255,.14);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;
  width: 100%;
  overflow: hidden;

  padding:
    clamp(82px, 8vw, 128px)
    0
    clamp(72px, 7vw, 106px);

  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(0,174,239,.10),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: #ffffff;
}

.dsp-magnetics-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-magnetics-hero__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .78fr);

  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-magnetics-hero__content {
  max-width: 880px;
}

.dsp-magnetics-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 18px;

  color: rgba(255,255,255,.76);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-magnetics-hero__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-magnetics-hero h1 {
  max-width: 930px;
  margin: 0 0 25px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(45px, 4.9vw, 74px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -.045em;
}

.dsp-magnetics-hero__intro {
  max-width: 790px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT POINTS
   ========================================================= */

.dsp-magnetics-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-magnetics-hero__points li {
  position: relative;

  color: rgba(255,255,255,.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-magnetics-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-magnetics-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-magnetics-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.dsp-magnetics-hero__button:hover,
.dsp-magnetics-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-magnetics-hero__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-magnetics-hero__button--primary:hover,
.dsp-magnetics-hero__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}

.dsp-magnetics-hero__button--secondary {
  background: transparent;
  border-color: rgba(255,255,255,.55);
  color: #ffffff;
}

.dsp-magnetics-hero__button--secondary:hover,
.dsp-magnetics-hero__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);
  border-color: #ffffff;
  color: #ffffff;
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-magnetics-hero__visual {
  position: relative;
}

.dsp-magnetics-hero__figure {
  position: relative;

  min-height: 0;
  aspect-ratio: 35 / 33;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );

  box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

.dsp-magnetics-hero__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: 73% center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-magnetics-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  max-width: 285px;
  padding: 17px 19px;

  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;

  background: rgba(23,23,24,.94);

  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}

.dsp-magnetics-hero__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-magnetics-hero__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .dsp-magnetics-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-magnetics-hero__visual {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-magnetics-hero {
    padding: 72px 0 66px;
  }

  .dsp-magnetics-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-magnetics-hero h1 {
    font-size: clamp(39px, 10.8vw, 51px);
  }

  .dsp-magnetics-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-magnetics-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-magnetics-hero__button {
    width: 100%;
  }

  .dsp-magnetics-hero__figure {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .dsp-magnetics-hero__figure img {
    height: 100%;
  }

  .dsp-magnetics-hero__badge {
    position: relative;
    left: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }
}
</style>


<section
  class="dsp-magnetics-hero"
  aria-labelledby="dsp-magnetics-hero-title">

  <div class="dsp-magnetics-hero__inner">


    <!-- CONTENT -->

    <div class="dsp-magnetics-hero__content">

      <div class="dsp-magnetics-hero__eyebrow">
        Custom Magnetics · Springs, Gauteng
      </div>

      <h1 id="dsp-magnetics-hero-title">
        Custom magnetic graphics for flexible business identification and visibility
      </h1>

      <p class="dsp-magnetics-hero__intro">
        DSP produces custom magnetic graphics for businesses that need branded
        identification or promotional messaging on suitable magnetic surfaces.
        From vehicle applications to temporary business graphics, the team can
        help prepare the artwork, size and finished requirement for production.
      </p>


      <ul
        class="dsp-magnetics-hero__points"
        aria-label="DSP magnetic graphic applications">

        <li>Vehicle applications</li>
        <li>Business identification</li>
        <li>Promotional graphics</li>
        <li>Custom artwork support</li>

      </ul>


      <div class="dsp-magnetics-hero__actions">

        <a
          class="dsp-magnetics-hero__button
                 dsp-magnetics-hero__button--primary"
          href="/contact-us/">

          Discuss Your Magnetic Graphics
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-magnetics-hero__button
                 dsp-magnetics-hero__button--secondary"
          href="#dsp-magnetics-applications">

          Explore Applications
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>


    <!-- IMAGE -->

    <div class="dsp-magnetics-hero__visual">

      <div class="dsp-magnetics-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/custom-vehicle-magnets-springs-gauteng.jpg"
          alt="Technician applying a custom magnetic business graphic to a white vehicle in Springs, Gauteng"
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </div>


      <div class="dsp-magnetics-hero__badge">

        <span class="dsp-magnetics-hero__badge-label">
          Flexible branded visibility
        </span>

        <span class="dsp-magnetics-hero__badge-text">
          Custom magnetic graphics prepared around the intended surface, finished size and business use.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
				<div class="elementor-element elementor-element-44229c6 elementor-widget elementor-widget-html" data-id="44229c6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP MAGNETICS PAGE — APPLICATIONS
   ========================================================= */

.dsp-magnetics-apps,
.dsp-magnetics-apps * {
  box-sizing: border-box;
}

.dsp-magnetics-apps {
  --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(74px, 7vw, 110px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);

  scroll-margin-top: 30px;
}

.dsp-magnetics-apps__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-magnetics-apps__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-magnetics-apps__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-magnetics-apps__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-magnetics-apps h2 {
  max-width: 820px;
  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-magnetics-apps__intro {
  max-width: 610px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-magnetics-apps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-magnetics-app {
  position: relative;

  min-height: 250px;
  padding: 28px 27px 25px;

  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-magnetics-app:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-magnetics-app::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-magnetics-app__number {
  display: block;

  margin-bottom: 22px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-magnetics-app h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.dsp-magnetics-app p {
  flex: 1;

  margin: 0 0 18px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-magnetics-app__use {
  padding-top: 15px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-magnetics-app__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-magnetics-apps__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-magnetics-apps__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-magnetics-apps__footer-copy strong {
  color: #ffffff;
}

.dsp-magnetics-apps__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-magnetics-apps__button:hover,
.dsp-magnetics-apps__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-magnetics-apps__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-magnetics-apps__intro {
    margin-left: 0;
  }

  .dsp-magnetics-apps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-magnetics-apps {
    padding: 64px 0;
  }

  .dsp-magnetics-apps__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-magnetics-apps__header {
    margin-bottom: 30px;
  }

  .dsp-magnetics-apps h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-magnetics-apps__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-magnetics-apps__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-magnetics-app {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-magnetics-apps__footer {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-magnetics-apps__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-magnetics-apps"
  id="dsp-magnetics-applications"
  aria-labelledby="dsp-magnetics-apps-title">

  <div class="dsp-magnetics-apps__inner">


    <!-- HEADER -->

    <header class="dsp-magnetics-apps__header">

      <div>

        <div class="dsp-magnetics-apps__eyebrow">
          Magnetic graphic applications
        </div>

        <h2 id="dsp-magnetics-apps-title">
          Flexible branded graphics for changing business requirements
        </h2>

      </div>


      <p class="dsp-magnetics-apps__intro">
        Magnetic graphics can provide a practical alternative where permanent
        branding is not always required. The intended surface, finished size,
        artwork and way the graphic will be used should all be considered
        before production.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-magnetics-apps__grid">


      <!-- 01 -->

      <article class="dsp-magnetics-app">

        <span class="dsp-magnetics-app__number">
          01
        </span>

        <h3>
          Vehicle magnetic branding
        </h3>

        <p>
          Branded magnetic graphics can be considered for suitable vehicle
          surfaces where business identification is required without moving
          directly to permanent vehicle graphics.
        </p>

        <div class="dsp-magnetics-app__use">
          <strong>Useful for:</strong>
          suitable business vehicles and temporary vehicle identification
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-magnetics-app">

        <span class="dsp-magnetics-app__number">
          02
        </span>

        <h3>
          Business identification
        </h3>

        <p>
          Custom magnetic graphics carrying company names, logos, contact
          details or other business information for suitable magnetic surfaces.
        </p>

        <div class="dsp-magnetics-app__use">
          <strong>Useful for:</strong>
          temporary identification and branded business information
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-magnetics-app">

        <span class="dsp-magnetics-app__number">
          03
        </span>

        <h3>
          Promotional messaging
        </h3>

        <p>
          Magnetic graphics can support promotional messages, offers or
          campaign information where the branding requirement may change
          over time.
        </p>

        <div class="dsp-magnetics-app__use">
          <strong>Useful for:</strong>
          promotions, campaigns and changing business messages
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-magnetics-app">

        <span class="dsp-magnetics-app__number">
          04
        </span>

        <h3>
          Operational identification
        </h3>

        <p>
          Magnetic labels or graphic panels can be produced for suitable
          applications where teams need clear, visible operational or
          identification information.
        </p>

        <div class="dsp-magnetics-app__use">
          <strong>Useful for:</strong>
          identification, information and practical workplace use
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-magnetics-app">

        <span class="dsp-magnetics-app__number">
          05
        </span>

        <h3>
          Temporary campaign graphics
        </h3>

        <p>
          Where the application is suitable, magnetic graphics can provide an
          option for brand or campaign material that is not intended to remain
          permanently in one configuration.
        </p>

        <div class="dsp-magnetics-app__use">
          <strong>Useful for:</strong>
          short-term campaigns, events and changing branded requirements
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-magnetics-app">

        <span class="dsp-magnetics-app__number">
          06
        </span>

        <h3>
          Custom magnetic requirements
        </h3>

        <p>
          If the job falls outside a standard branding application, DSP can
          assess the intended surface, artwork, finished dimensions and use to
          determine whether a magnetic solution is appropriate.
        </p>

        <div class="dsp-magnetics-app__use">
          <strong>Useful for:</strong>
          specialised business identification and custom graphic requirements
        </div>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-magnetics-apps__footer">

      <p class="dsp-magnetics-apps__footer-copy">
        <strong>Not sure whether the intended surface is suitable for a magnetic graphic?</strong>
        Send DSP a description or photograph of the application together with
        the approximate size and artwork. The team can assess the requirement
        before the job moves into production.
      </p>


      <a
        class="dsp-magnetics-apps__button"
        href="/contact-us/">

        Discuss Your Application
        <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-fd87e8d elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="fd87e8d" 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-8e6128d pbmit-bg-color-over-image" data-id="8e6128d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f2fb3cc elementor-widget elementor-widget-html" data-id="f2fb3cc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP MAGNETICS PAGE — PLANNING THE APPLICATION
   ========================================================= */

.dsp-magnetics-planning,
.dsp-magnetics-planning * {
  box-sizing: border-box;
}

.dsp-magnetics-planning {
  --dsp-dark: #1d1d1f;
  --dsp-text: #292d30;
  --dsp-muted: #686d71;
  --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-magnetics-planning__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-magnetics-planning__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-magnetics-planning__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-magnetics-planning__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-magnetics-planning h2 {
  max-width: 820px;
  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-magnetics-planning__intro {
  max-width: 610px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-magnetics-planning__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-magnetics-planning__item {
  min-height: 220px;
  padding: 28px 25px;

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);

  background: var(--dsp-soft);
}

.dsp-magnetics-planning__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-cyan);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-magnetics-planning__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-magnetics-planning__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-magnetics-planning__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-magnetics-planning__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-magnetics-planning__callout-copy strong {
  color: #ffffff;
}

.dsp-magnetics-planning__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-magnetics-planning__button:hover,
.dsp-magnetics-planning__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-magnetics-planning__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-magnetics-planning__intro {
    margin-left: 0;
  }

  .dsp-magnetics-planning__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-magnetics-planning {
    padding: 62px 0;
  }

  .dsp-magnetics-planning__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-magnetics-planning__header {
    margin-bottom: 28px;
  }

  .dsp-magnetics-planning h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-magnetics-planning__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-magnetics-planning__grid {
    grid-template-columns: 1fr;
  }

  .dsp-magnetics-planning__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-magnetics-planning__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-magnetics-planning__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-magnetics-planning"
  aria-labelledby="dsp-magnetics-planning-title">

  <div class="dsp-magnetics-planning__inner">


    <!-- HEADER -->

    <header class="dsp-magnetics-planning__header">

      <div>

        <div class="dsp-magnetics-planning__eyebrow">
          Planning the application
        </div>

        <h2 id="dsp-magnetics-planning-title">
          The intended surface and use matter as much as the artwork
        </h2>

      </div>


      <p class="dsp-magnetics-planning__intro">
        Magnetic graphics need to be considered around the actual application.
        Sharing where the graphic will be used, the approximate size and the
        available artwork helps DSP assess the job before production begins.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-magnetics-planning__grid">


      <!-- 01 -->

      <article class="dsp-magnetics-planning__item">

        <span class="dsp-magnetics-planning__number">
          01
        </span>

        <h3>
          Intended surface
        </h3>

        <p>
          Explain where the magnetic graphic will be used. A description or
          clear photograph of the intended surface can help DSP assess whether
          the application is suitable.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-magnetics-planning__item">

        <span class="dsp-magnetics-planning__number">
          02
        </span>

        <h3>
          Finished dimensions
        </h3>

        <p>
          Provide the required finished size or the approximate space available
          for the graphic. This helps determine how the artwork should be
          arranged within the final format.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-magnetics-planning__item">

        <span class="dsp-magnetics-planning__number">
          03
        </span>

        <h3>
          Artwork &amp; brand information
        </h3>

        <p>
          Send the logo, text, contact information or existing artwork that
          needs to appear on the magnetic graphic. DSP's in-house design team
          can assist where a layout still needs to be prepared.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-magnetics-planning__item">

        <span class="dsp-magnetics-planning__number">
          04
        </span>

        <h3>
          Viewing requirement
        </h3>

        <p>
          Consider how and where the graphic needs to be seen. Business name,
          contact details and key messages should remain clear within the
          finished size and intended viewing context.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-magnetics-planning__item">

        <span class="dsp-magnetics-planning__number">
          05
        </span>

        <h3>
          Quantity
        </h3>

        <p>
          Specify how many magnetic graphics are required, including whether
          several matching pieces are needed for different vehicles,
          applications or business locations.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-magnetics-planning__item">

        <span class="dsp-magnetics-planning__number">
          06
        </span>

        <h3>
          How the graphic will be used
        </h3>

        <p>
          Let DSP know whether the graphic is intended for temporary business
          identification, promotional messaging, repeated use or another
          practical requirement.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-magnetics-planning__callout">

      <p class="dsp-magnetics-planning__callout-copy">
        <strong>Unsure whether magnetics are suitable for the application?</strong>
        Send DSP a photograph of the intended surface together with the
        approximate size, artwork and how you plan to use the graphic. The
        team can assess the requirement before production.
      </p>


      <a
        class="dsp-magnetics-planning__button"
        href="/contact-us/">

        Send Your Application Details
        <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-6e29565 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="6e29565" 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-d94c85b pbmit-bg-color-over-image" data-id="d94c85b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e7a32ae elementor-widget elementor-widget-html" data-id="e7a32ae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP MAGNETICS PAGE — PRODUCTION WORKFLOW
   ========================================================= */

.dsp-magnetics-process,
.dsp-magnetics-process * {
  box-sizing: border-box;
}

.dsp-magnetics-process {
  --dsp-dark: #181819;
  --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(74px, 7vw, 108px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-magnetics-process__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(410px, .85fr)
    minmax(0, 1.15fr);

  align-items: center;
  gap: clamp(52px, 7vw, 105px);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-magnetics-process__visual {
  position: relative;
}

.dsp-magnetics-process__gallery {
  display: grid;
  gap: 14px;
}

.dsp-magnetics-process__figure {
  position: relative;

  min-height: 0;
  aspect-ratio: 3 / 2;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 24px;

  background: #e4e7e8;

  box-shadow: 0 20px 48px rgba(24,28,31,.08);
}

.dsp-magnetics-process__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-magnetics-process__badge {
  position: relative;
  right: -22px;
  bottom: auto;

  max-width: 285px;
  margin: -18px 0 0 auto;
  padding: 18px 20px;

  z-index: 2;

  border-radius: 18px;

  background: var(--dsp-dark);
  color: #ffffff;

  box-shadow: 0 17px 38px rgba(24,28,31,.18);
}

.dsp-magnetics-process__badge-label {
  display: block;

  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-magnetics-process__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-magnetics-process__content {
  max-width: 720px;
}

.dsp-magnetics-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: .09em;
  text-transform: uppercase;
}

.dsp-magnetics-process__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-magnetics-process h2 {
  max-width: 710px;
  margin: 0 0 23px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(39px, 4vw, 58px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.04em;
}

.dsp-magnetics-process__intro {
  max-width: 670px;
  margin: 0 0 30px;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   STEPS
   ========================================================= */

.dsp-magnetics-process__steps {
  margin: 0;
  padding: 0;

  list-style: none;

  border-top: 1px solid var(--dsp-border);
}

.dsp-magnetics-process__step {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 18px;

  padding: 20px 0;

  border-bottom: 1px solid var(--dsp-border);
}

.dsp-magnetics-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-magnetics-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-magnetics-process__step p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   CTA
   ========================================================= */

.dsp-magnetics-process__actions {
  margin-top: 31px;

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-magnetics-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

.dsp-magnetics-process__button:hover,
.dsp-magnetics-process__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-magnetics-process__button--primary {
  border: 1px solid var(--dsp-dark);

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-magnetics-process__button--primary:hover,
.dsp-magnetics-process__button--primary:focus-visible {
  border-color: var(--dsp-cyan);

  background: var(--dsp-cyan);
  color: #ffffff;
}

.dsp-magnetics-process__button--secondary {
  border: 1px solid var(--dsp-dark);

  background: transparent;
  color: var(--dsp-dark);
}

.dsp-magnetics-process__button--secondary:hover,
.dsp-magnetics-process__button--secondary:focus-visible {
  background: #ffffff;
  color: var(--dsp-dark);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-magnetics-process__inner {
    grid-template-columns: 1fr;
  }

  .dsp-magnetics-process__visual {
    max-width: 820px;
  }

  .dsp-magnetics-process__figure {
    min-height: 0;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-magnetics-process {
    padding: 64px 0;
  }

  .dsp-magnetics-process__inner {
    width: min(100% - 30px, 600px);
    gap: 38px;
  }

  .dsp-magnetics-process__figure {
    min-height: 0;
  }

  .dsp-magnetics-process__figure img {
    height: 100%;
  }

  .dsp-magnetics-process__badge {
    position: relative;
    right: auto;
    bottom: auto;

    max-width: none;
    margin: 13px 0 0;
  }

  .dsp-magnetics-process h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-magnetics-process__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-magnetics-process__step {
    grid-template-columns: 40px 1fr;
    gap: 14px;
  }

  .dsp-magnetics-process__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-magnetics-process__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-magnetics-process"
  aria-labelledby="dsp-magnetics-process-title">

  <div class="dsp-magnetics-process__inner">


    <!-- IMAGE -->

    <div class="dsp-magnetics-process__visual">

      <div class="dsp-magnetics-process__gallery">

        <div class="dsp-magnetics-process__figure">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/custom-promotional-business-magnets-south-africa.jpg"
            alt="Custom promotional business magnets produced for South African brands"
            loading="lazy"
            decoding="async">

        </div>


        <div class="dsp-magnetics-process__figure">

          <img
            src="https://dynamicsp.co.za/wp-content/uploads/2026/08/magnetic-business-contact-card-south-africa.jpg"
            alt="Custom magnetic business contact card printed with company branding and contact details"
            loading="lazy"
            decoding="async">

        </div>

      </div>


      <div class="dsp-magnetics-process__badge">

        <span class="dsp-magnetics-process__badge-label">
          Application-led production
        </span>

        <span class="dsp-magnetics-process__badge-text">
          The surface, finished dimensions and intended use are considered before the magnetic graphic is produced.
        </span>

      </div>

    </div>


    <!-- CONTENT -->

    <div class="dsp-magnetics-process__content">

      <div class="dsp-magnetics-process__eyebrow">
        Magnetic graphics workflow
      </div>

      <h2 id="dsp-magnetics-process-title">
        From the intended application to the finished magnetic graphic
      </h2>

      <p class="dsp-magnetics-process__intro">
        Once the intended surface, dimensions, artwork and business use are
        understood, DSP can prepare the job around the actual application rather
        than treating the magnetic graphic as a generic printed item.
      </p>


      <ol class="dsp-magnetics-process__steps">


        <!-- 01 -->

        <li class="dsp-magnetics-process__step">

          <span class="dsp-magnetics-process__step-number">
            01
          </span>

          <div>

            <h3>
              Assess the application
            </h3>

            <p>
              The intended surface, approximate dimensions and way the magnetic
              graphic will be used are considered before the production
              requirement is confirmed.
            </p>

          </div>

        </li>


        <!-- 02 -->

        <li class="dsp-magnetics-process__step">

          <span class="dsp-magnetics-process__step-number">
            02
          </span>

          <div>

            <h3>
              Prepare the artwork
            </h3>

            <p>
              Existing artwork is checked and adapted to the intended format,
              or DSP's in-house design team can help create the required layout
              from supplied logos, text and brand information.
            </p>

          </div>

        </li>


        <!-- 03 -->

        <li class="dsp-magnetics-process__step">

          <span class="dsp-magnetics-process__step-number">
            03
          </span>

          <div>

            <h3>
              Confirm size and layout
            </h3>

            <p>
              The finished dimensions, quantity and visual arrangement are
              confirmed so the branding or information works within the actual
              space available.
            </p>

          </div>

        </li>


        <!-- 04 -->

        <li class="dsp-magnetics-process__step">

          <span class="dsp-magnetics-process__step-number">
            04
          </span>

          <div>

            <h3>
              Produce the magnetic graphics
            </h3>

            <p>
              The approved artwork is moved into production according to the
              confirmed dimensions, quantity and intended application.
            </p>

          </div>

        </li>


        <!-- 05 -->

        <li class="dsp-magnetics-process__step">

          <span class="dsp-magnetics-process__step-number">
            05
          </span>

          <div>

            <h3>
              Prepare the finished job
            </h3>

            <p>
              The completed magnetic graphics are prepared for collection or
              their next stage of use, together with any practical application
              guidance relevant to the specific job.
            </p>

          </div>

        </li>


      </ol>


      <!-- ACTIONS -->

      <div class="dsp-magnetics-process__actions">

        <a
          class="dsp-magnetics-process__button
                 dsp-magnetics-process__button--primary"
          href="/contact-us/">

          Discuss Your Magnetic Graphics
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-magnetics-process__button
                 dsp-magnetics-process__button--secondary"
          href="/service/in-house-design/">

          Artwork 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-3d65e58 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="3d65e58" 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-e7fef92 pbmit-bg-color-over-image" data-id="e7fef92" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-908a0aa elementor-widget elementor-widget-html" data-id="908a0aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP MAGNETICS PAGE — RELATED SERVICES
   ========================================================= */

.dsp-magnetics-related,
.dsp-magnetics-related * {
  box-sizing: border-box;
}

.dsp-magnetics-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: #ffffff;
  color: var(--dsp-text);
}

.dsp-magnetics-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-magnetics-related__header {
  max-width: 900px;
  margin-bottom: 36px;
}

.dsp-magnetics-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-magnetics-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-magnetics-related h2 {
  max-width: 840px;
  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-magnetics-related__intro {
  max-width: 780px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-magnetics-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-magnetics-related-card {
  position: relative;

  min-height: 250px;
  padding: 27px 25px 25px;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 19px;

  background: var(--dsp-light);
  color: var(--dsp-text);

  text-decoration: none;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.dsp-magnetics-related-card:hover,
.dsp-magnetics-related-card:focus-visible {
  transform: translateY(-4px);

  border-color: #cbd0d2;
  background: #ffffff;

  box-shadow: 0 18px 36px rgba(24,28,31,.08);

  color: var(--dsp-text);
  text-decoration: none;
}

.dsp-magnetics-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-magnetics-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-magnetics-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-magnetics-related-card p {
  flex: 1;

  margin: 0 0 20px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-magnetics-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-magnetics-related-card__arrow {
  font-size: 15px;

  transition: transform 180ms ease;
}

.dsp-magnetics-related-card:hover .dsp-magnetics-related-card__arrow,
.dsp-magnetics-related-card:focus-visible .dsp-magnetics-related-card__arrow {
  transform: translate(3px, -2px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-magnetics-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-magnetics-related__footer p {
  max-width: 780px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-magnetics-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-magnetics-related__all-services:hover,
.dsp-magnetics-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-magnetics-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-magnetics-related {
    padding: 60px 0;
  }

  .dsp-magnetics-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-magnetics-related__header {
    margin-bottom: 28px;
  }

  .dsp-magnetics-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-magnetics-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-magnetics-related-card {
    min-height: auto;
  }

  .dsp-magnetics-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-magnetics-related"
  aria-labelledby="dsp-magnetics-related-title">

  <div class="dsp-magnetics-related__inner">


    <!-- HEADER -->

    <header class="dsp-magnetics-related__header">

      <div class="dsp-magnetics-related__eyebrow">
        Related branding services
      </div>

      <h2 id="dsp-magnetics-related-title">
        Choose the format that best suits the way your business needs to be seen
      </h2>

      <p class="dsp-magnetics-related__intro">
        Magnetic graphics are one option within a broader branding and
        visibility requirement. Where the application calls for something more
        permanent, larger or specifically designed for another surface, DSP can
        support the related production requirement as well.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-magnetics-related__grid">


      <!-- VEHICLE BRANDING -->

      <a
        class="dsp-magnetics-related-card"
        href="/service/vehicle-wrap/">

        <span class="dsp-magnetics-related-card__label">
          Vehicle visibility
        </span>

        <h3>
          Vehicle Branding &amp; Wraps
        </h3>

        <p>
          Printed vehicle graphics and branding for businesses that need a
          more permanent branded presence across working vehicles or fleets.
        </p>

        <span class="dsp-magnetics-related-card__link">
          Explore Vehicle Branding
          <span
            class="dsp-magnetics-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- SIGNAGE -->

      <a
        class="dsp-magnetics-related-card"
        href="/service/signage/">

        <span class="dsp-magnetics-related-card__label">
          Business visibility
        </span>

        <h3>
          Signage
        </h3>

        <p>
          Business signage produced around the required location, scale,
          artwork and visibility needs of the finished application.
        </p>

        <span class="dsp-magnetics-related-card__link">
          Explore Signage
          <span
            class="dsp-magnetics-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- WIDE FORMAT -->

      <a
        class="dsp-magnetics-related-card"
        href="/service/wide-format-printing/">

        <span class="dsp-magnetics-related-card__label">
          Large-format graphics
        </span>

        <h3>
          Wide Format Printing
        </h3>

        <p>
          Large printed graphics for signage, displays, promotional material
          and other applications where the physical message needs greater scale.
        </p>

        <span class="dsp-magnetics-related-card__link">
          Explore Wide Format
          <span
            class="dsp-magnetics-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- IN-HOUSE DESIGN -->

      <a
        class="dsp-magnetics-related-card"
        href="/service/in-house-design/">

        <span class="dsp-magnetics-related-card__label">
          Artwork support
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Design and artwork preparation support for magnetic graphics,
          vehicle branding, signage and other physical brand applications.
        </p>

        <span class="dsp-magnetics-related-card__link">
          Explore Design Support
          <span
            class="dsp-magnetics-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <!-- FOOTER -->

    <footer class="dsp-magnetics-related__footer">

      <p>
        Not sure whether magnetics, vehicle branding or another signage format
        is the best fit? Share the intended surface, artwork and how the
        branding needs to be used, and DSP can help assess the practical options.
      </p>

      <a
        class="dsp-magnetics-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-beabc39 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="beabc39" 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-5877355 pbmit-bg-color-over-image" data-id="5877355" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-0a15ec8 elementor-widget elementor-widget-html" data-id="0a15ec8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP MAGNETICS PAGE — FAQ
   ========================================================= */

.dsp-magnetics-faq,
.dsp-magnetics-faq * {
  box-sizing: border-box;
}

.dsp-magnetics-faq {
  --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-magnetics-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-magnetics-faq__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-magnetics-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-magnetics-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-magnetics-faq h2 {
  max-width: 820px;
  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-magnetics-faq__intro {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-magnetics-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-magnetics-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-magnetics-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-magnetics-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-magnetics-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: #ffffff;
  color: var(--dsp-dark);

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.dsp-magnetics-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-magnetics-faq__answer {
  max-width: 900px;
  padding: 0 52px 25px 0;
}

.dsp-magnetics-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-magnetics-faq__footer {
  margin-top: 34px;
  padding: 25px 27px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  border: 1px solid var(--dsp-border);
  border-radius: 18px;

  background: #ffffff;
}

.dsp-magnetics-faq__footer p {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-magnetics-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-magnetics-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-magnetics-faq__link:hover,
.dsp-magnetics-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-magnetics-faq {
    padding: 60px 0;
  }

  .dsp-magnetics-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-magnetics-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-magnetics-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-magnetics-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-magnetics-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-magnetics-faq__footer {
    align-items: flex-start;
    flex-direction: column;

    padding: 23px 21px;
  }
}
</style>


<section
  class="dsp-magnetics-faq"
  aria-labelledby="dsp-magnetics-faq-title">

  <div class="dsp-magnetics-faq__inner">


    <!-- HEADER -->

    <header class="dsp-magnetics-faq__header">

      <div class="dsp-magnetics-faq__eyebrow">
        Magnetics FAQs
      </div>

      <h2 id="dsp-magnetics-faq-title">
        Questions businesses often ask before ordering magnetic graphics
      </h2>

      <p class="dsp-magnetics-faq__intro">
        The main considerations are the intended surface, finished size,
        artwork and how the magnetic graphic will be used. DSP can help assess
        these details before production begins.
      </p>

    </header>


    <!-- FAQ LIST -->

    <div class="dsp-magnetics-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          How do I know whether the intended surface is suitable for magnetic graphics?
        </summary>

        <div class="dsp-magnetics-faq__answer">

          <p>
            Suitability depends on the actual surface and application. Send DSP
            a clear photograph or description of where the graphic will be used,
            together with the approximate dimensions, so the requirement can be
            assessed before production.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          What should I send DSP when requesting a magnetic graphics quote?
        </summary>

        <div class="dsp-magnetics-faq__answer">

          <p>
            Send the intended application or surface, approximate finished size,
            required quantity and available artwork or brand information. It is
            also useful to explain how the graphic will be used and whether the
            branding requirement is temporary, promotional or recurring.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          Can DSP design the magnetic graphic for me?
        </summary>

        <div class="dsp-magnetics-faq__answer">

          <p>
            Yes. DSP's in-house design team can work from supplied logos, text,
            contact details and brand material to prepare a layout around the
            confirmed dimensions and intended application.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          When might magnetic graphics be considered instead of permanent branding?
        </summary>

        <div class="dsp-magnetics-faq__answer">

          <p>
            Magnetic graphics may be worth considering where the application is
            suitable and the business needs branding or identification that is
            not intended to remain permanently fixed in one configuration. DSP
            can help compare the requirement with alternatives such as vehicle
            branding or signage.
          </p>

        </div>

      </details>


    </div>


    <!-- FOOTER -->

    <div class="dsp-magnetics-faq__footer">

      <p>
        <strong>Not sure whether magnetics are the right format for your requirement?</strong>
        Send DSP a photograph of the intended surface, approximate size and
        available artwork so the application can be assessed before production.
      </p>

      <a
        class="dsp-magnetics-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-3571a6a elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="3571a6a" 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-730aaf2 pbmit-bg-color-over-image" data-id="730aaf2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3ebc853 elementor-widget elementor-widget-html" data-id="3ebc853" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP MAGNETICS PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-magnetics-final-cta,
.dsp-magnetics-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-magnetics-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-magnetics-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-magnetics-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-magnetics-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-magnetics-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-magnetics-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-magnetics-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-magnetics-final-cta h2 {
  max-width: 920px;

  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-magnetics-final-cta__copy {
  max-width: 800px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-magnetics-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-magnetics-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-magnetics-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-magnetics-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-magnetics-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-magnetics-final-cta__button:hover,
.dsp-magnetics-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-magnetics-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-magnetics-final-cta__button--primary:hover,
.dsp-magnetics-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-magnetics-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-magnetics-final-cta__button--secondary:hover,
.dsp-magnetics-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-magnetics-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-magnetics-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-magnetics-final-cta {
    padding: 54px 0;
  }

  .dsp-magnetics-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-magnetics-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-magnetics-final-cta__main {
    gap: 34px;
  }

  .dsp-magnetics-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-magnetics-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-magnetics-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-magnetics-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-magnetics-final-cta"
  aria-labelledby="dsp-magnetics-final-cta-title"
>

  <div class="dsp-magnetics-final-cta__inner">

    <div class="dsp-magnetics-final-cta__shell">

      <div class="dsp-magnetics-final-cta__main">


        <!-- COPY -->

        <div class="dsp-magnetics-final-cta__content">

          <div class="dsp-magnetics-final-cta__eyebrow">
            Start your magnetics enquiry
          </div>

          <h2 id="dsp-magnetics-final-cta-title">
            Need flexible magnetic graphics for your business?
          </h2>

          <p class="dsp-magnetics-final-cta__copy">
            Send DSP a photograph or description of the intended surface,
            approximate dimensions, required quantity and available artwork
            or brand information. If you are unsure whether magnetics are
            suitable for the application, the team can assess the requirement
            before production.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-magnetics-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about magnetic graphics"
        >

          <h3 class="dsp-magnetics-final-cta__panel-heading">
            Have a magnetic graphics requirement?
          </h3>

          <p class="dsp-magnetics-final-cta__panel-copy">
            Share the intended application, approximate size, quantity
            and any artwork or brand information you already have.
          </p>

          <div class="dsp-magnetics-final-cta__buttons">

            <a
              class="
                dsp-magnetics-final-cta__button
                dsp-magnetics-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-magnetics-final-cta__button
                dsp-magnetics-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>
		<item>
		<title>Label Printing</title>
		<link>https://dynamicsp.co.za/service/label-printing/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Fri, 25 Aug 2023 06:58:06 +0000</pubDate>
				<guid isPermaLink="false">http://yoge-demo.pbminfotech.com/demo1/?post_type=pbmit-service&#038;p=354</guid>

					<description><![CDATA[Label Printing · Springs, Gauteng Custom label printing for business, product and operational use DSP produces custom printed labels for businesses that need clear branding, product information, identification or practical operational marking. In-house design and production support can help translate the intended use, artwork and label requirements into a finished printed product. Product labels Business [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="570" class="elementor elementor-570">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-93b5f9d elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="93b5f9d" 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-e81a33b pbmit-bg-color-over-image" data-id="e81a33b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1ee3f9d elementor-widget elementor-widget-html" data-id="1ee3f9d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP LABEL PRINTING PAGE — HERO
   ========================================================= */

.dsp-label-hero,
.dsp-label-hero * {
  box-sizing: border-box;
}

.dsp-label-hero {
  --dsp-dark: #181819;
  --dsp-white: #ffffff;
  --dsp-muted: rgba(255,255,255,.72);
  --dsp-border: rgba(255,255,255,.14);
  --dsp-cyan: #00aeef;
  --dsp-magenta: #ec008c;
  --dsp-yellow: #ffdd00;

  position: relative;
  width: 100%;
  overflow: hidden;

  padding:
    clamp(82px, 8vw, 128px)
    0
    clamp(72px, 7vw, 106px);

  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(255,221,0,.10),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: #ffffff;
}

.dsp-label-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-label-hero__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .78fr);

  align-items: center;
  gap: clamp(55px, 7vw, 110px);
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-label-hero__content {
  max-width: 860px;
}

.dsp-label-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 18px;

  color: rgba(255,255,255,.76);

  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-label-hero__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-label-hero h1 {
  max-width: 900px;
  margin: 0 0 25px;

  color: #ffffff;

  font-family: inherit;
  font-size: clamp(45px, 4.9vw, 74px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -.045em;
}

.dsp-label-hero__intro {
  max-width: 770px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SUPPORT POINTS
   ========================================================= */

.dsp-label-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-label-hero__points li {
  position: relative;

  color: rgba(255,255,255,.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-label-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-label-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-label-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: .045em;

  text-decoration: none;
  text-transform: uppercase;

  transition:
    transform 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}

.dsp-label-hero__button:hover,
.dsp-label-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-label-hero__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-label-hero__button--primary:hover,
.dsp-label-hero__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}

.dsp-label-hero__button--secondary {
  background: transparent;
  border-color: rgba(255,255,255,.55);
  color: #ffffff;
}

.dsp-label-hero__button--secondary:hover,
.dsp-label-hero__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);
  border-color: #ffffff;
  color: #ffffff;
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-label-hero__visual {
  position: relative;
}

.dsp-label-hero__figure {
  position: relative;
  min-height: 540px;

  overflow: hidden;

  border: 1px solid var(--dsp-border);
  border-radius: 26px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.025)
    );

  box-shadow: 0 30px 70px rgba(0,0,0,.25);
}

.dsp-label-hero__figure img {
  display: block;

  width: 100%;
  height: 100%;
  min-height: 540px;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   BADGE
   ========================================================= */

.dsp-label-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  max-width: 270px;
  padding: 17px 19px;

  border: 1px solid rgba(255,255,255,.15);
  border-radius: 17px;

  background: rgba(23,23,24,.94);

  box-shadow: 0 16px 36px rgba(0,0,0,.24);
}

.dsp-label-hero__badge-label {
  display: block;
  margin-bottom: 5px;

  color: var(--dsp-yellow);

  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.dsp-label-hero__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

  .dsp-label-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-label-hero__visual {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-label-hero {
    padding: 72px 0 66px;
  }

  .dsp-label-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-label-hero h1 {
    font-size: clamp(39px, 10.8vw, 51px);
  }

  .dsp-label-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-label-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-label-hero__button {
    width: 100%;
  }

  .dsp-label-hero__figure {
    min-height: auto;
    aspect-ratio: 4 / 3;
  }

  .dsp-label-hero__figure img {
    min-height: 0;
    height: 100%;
  }

  .dsp-label-hero__badge {
    position: relative;
    left: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;
  }
}
</style>


<section
  class="dsp-label-hero"
  aria-labelledby="dsp-label-hero-title">

  <div class="dsp-label-hero__inner">


    <!-- CONTENT -->

    <div class="dsp-label-hero__content">

      <div class="dsp-label-hero__eyebrow">
        Label Printing · Springs, Gauteng
      </div>

      <h1 id="dsp-label-hero-title">
        Custom label printing for business, product and operational use
      </h1>

      <p class="dsp-label-hero__intro">
        DSP produces custom printed labels for businesses that need clear
        branding, product information, identification or practical operational
        marking. In-house design and production support can help translate the
        intended use, artwork and label requirements into a finished printed
        product.
      </p>


      <ul
        class="dsp-label-hero__points"
        aria-label="DSP label printing services">

        <li>Product labels</li>
        <li>Business labels</li>
        <li>Identification labels</li>
        <li>Custom printed requirements</li>

      </ul>


      <div class="dsp-label-hero__actions">

        <a
          class="dsp-label-hero__button
                 dsp-label-hero__button--primary"
          href="/contact-us/">

          Discuss Your Labels
          <span aria-hidden="true">↗</span>

        </a>


        <a
          class="dsp-label-hero__button
                 dsp-label-hero__button--secondary"
          href="#dsp-label-applications">

          Explore Label Applications
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>


    <!-- IMAGE -->

    <div class="dsp-label-hero__visual">

      <div class="dsp-label-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-label-printing-springs-gauteng.jpg"
          alt="Custom printed business and product labels produced by Dynamic Signs and Print in Springs, Gauteng"
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </div>


      <div class="dsp-label-hero__badge">

        <span class="dsp-label-hero__badge-label">
          Print with a practical purpose
        </span>

        <span class="dsp-label-hero__badge-text">
          Label artwork and production support shaped around the finished business application.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5f127dd elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="5f127dd" 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-51584f6 pbmit-bg-color-over-image" data-id="51584f6" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bba8b37 elementor-widget elementor-widget-html" data-id="bba8b37" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP LABEL PRINTING PAGE — APPLICATIONS
   ========================================================= */

.dsp-label-apps,
.dsp-label-apps * {
  box-sizing: border-box;
}

.dsp-label-apps {
  --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-label-apps__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* HEADER */

.dsp-label-apps__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-label-apps__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-label-apps__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-label-apps h2 {
  max-width: 790px;
  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-label-apps__intro {
  max-width: 590px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* GRID */

.dsp-label-apps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* CARDS */

.dsp-label-app {
  position: relative;

  min-height: 260px;
  padding: 28px 27px 25px;

  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-label-app:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-label-app::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-label-app__number {
  display: block;

  margin-bottom: 22px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-label-app h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.dsp-label-app p {
  flex: 1;

  margin: 0 0 18px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-label-app__use {
  padding-top: 15px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-label-app__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* FOOTER */

.dsp-label-apps__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-label-apps__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-label-apps__footer-copy strong {
  color: #ffffff;
}

.dsp-label-apps__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-label-apps__button:hover,
.dsp-label-apps__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* TABLET */

@media (max-width: 1050px) {

  .dsp-label-apps__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-label-apps__intro {
    margin-left: 0;
  }

  .dsp-label-apps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* MOBILE */

@media (max-width: 767px) {

  .dsp-label-apps {
    padding: 64px 0;
  }

  .dsp-label-apps__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-label-apps__header {
    margin-bottom: 30px;
  }

  .dsp-label-apps h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-label-apps__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-label-apps__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-label-app {
    min-height: auto;
    padding: 26px 22px 23px;
  }

  .dsp-label-apps__footer {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-label-apps__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-label-apps"
  id="dsp-label-applications"
  aria-labelledby="dsp-label-apps-title">

  <div class="dsp-label-apps__inner">


    <!-- HEADER -->

    <header class="dsp-label-apps__header">

      <div>

        <div class="dsp-label-apps__eyebrow">
          Label applications
        </div>

        <h2 id="dsp-label-apps-title">
          Labels designed around what the business needs them to do
        </h2>

      </div>


      <p class="dsp-label-apps__intro">
        A label may need to communicate a brand, identify a product, carry
        important information or support an operational process. Starting with
        the intended use makes it easier to determine the right size, layout
        and production approach.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-label-apps__grid">


      <!-- 01 -->

      <article class="dsp-label-app">

        <span class="dsp-label-app__number">
          01
        </span>

        <h3>
          Product labels
        </h3>

        <p>
          Printed labels that identify products and carry the branding,
          product name or other information needed for presentation and use.
        </p>

        <div class="dsp-label-app__use">
          <strong>Useful for:</strong>
          products, containers and packaged items
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-label-app">

        <span class="dsp-label-app__number">
          02
        </span>

        <h3>
          Packaging labels
        </h3>

        <p>
          Labels used as part of the finished packaging presentation where
          clear brand or product information needs to be applied consistently.
        </p>

        <div class="dsp-label-app__use">
          <strong>Useful for:</strong>
          boxes, bags, containers and packaged goods
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-label-app">

        <span class="dsp-label-app__number">
          03
        </span>

        <h3>
          Business branding labels
        </h3>

        <p>
          Branded labels for business materials, packaging, correspondence
          and other applications where company identity needs to be carried
          onto a physical item.
        </p>

        <div class="dsp-label-app__use">
          <strong>Useful for:</strong>
          brand identification and everyday business use
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-label-app">

        <span class="dsp-label-app__number">
          04
        </span>

        <h3>
          Identification labels
        </h3>

        <p>
          Labels created to make items, areas, equipment or business material
          easier to recognise, organise or identify.
        </p>

        <div class="dsp-label-app__use">
          <strong>Useful for:</strong>
          internal identification and organised business environments
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-label-app">

        <span class="dsp-label-app__number">
          05
        </span>

        <h3>
          Information &amp; operational labels
        </h3>

        <p>
          Printed labels used where practical information, instructions,
          references or other operational details need to be clearly displayed.
        </p>

        <div class="dsp-label-app__use">
          <strong>Useful for:</strong>
          workplaces, products, processes and operational requirements
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-label-app">

        <span class="dsp-label-app__number">
          06
        </span>

        <h3>
          Custom label requirements
        </h3>

        <p>
          Not every label fits a standard category. DSP can assess the
          finished size, quantity, artwork and intended application to help
          determine a practical production route.
        </p>

        <div class="dsp-label-app__use">
          <strong>Useful for:</strong>
          specialised business, promotional and recurring label requirements
        </div>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-label-apps__footer">

      <p class="dsp-label-apps__footer-copy">
        <strong>Not sure what type of label to request?</strong>
        Start with where the label will be used, what information it needs to
        carry, the approximate size and quantity, and any artwork you already have.
        DSP can help work through the remaining production details.
      </p>


      <a
        class="dsp-label-apps__button"
        href="/contact-us/">

        Discuss Your Labels
        <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-ec132b3 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="ec132b3" 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-6a8e590 pbmit-bg-color-over-image" data-id="6a8e590" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2df0c0c elementor-widget elementor-widget-html" data-id="2df0c0c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP LABEL PRINTING PAGE — PLANNING THE LABEL
   ========================================================= */

.dsp-label-planning,
.dsp-label-planning * {
  box-sizing: border-box;
}

.dsp-label-planning {
  --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-label-planning__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.dsp-label-planning__header {
  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-label-planning__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-label-planning__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-label-planning h2 {
  max-width: 800px;
  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-label-planning__intro {
  max-width: 600px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}


/* =========================================================
   GRID
   ========================================================= */

.dsp-label-planning__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-label-planning__item {
  min-height: 220px;
  padding: 28px 25px;

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);

  background: var(--dsp-soft);
}

.dsp-label-planning__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-magenta);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-label-planning__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-label-planning__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}


/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-label-planning__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-label-planning__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-label-planning__callout-copy strong {
  color: #ffffff;
}

.dsp-label-planning__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-label-planning__button:hover,
.dsp-label-planning__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-label-planning__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-label-planning__intro {
    margin-left: 0;
  }

  .dsp-label-planning__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-label-planning {
    padding: 62px 0;
  }

  .dsp-label-planning__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-label-planning__header {
    margin-bottom: 28px;
  }

  .dsp-label-planning h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-label-planning__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-label-planning__grid {
    grid-template-columns: 1fr;
  }

  .dsp-label-planning__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-label-planning__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-label-planning__button {
    width: 100%;
  }

}
</style>


<section
  class="dsp-label-planning"
  aria-labelledby="dsp-label-planning-title">

  <div class="dsp-label-planning__inner">


    <!-- HEADER -->

    <header class="dsp-label-planning__header">

      <div>

        <div class="dsp-label-planning__eyebrow">
          Planning your labels
        </div>

        <h2 id="dsp-label-planning-title">
          Start with how the label needs to look, fit and function
        </h2>

      </div>


      <p class="dsp-label-planning__intro">
        A label has to work as part of the item it is applied to. Thinking
        about the finished size, information, artwork and intended use at the
        start helps shape a more practical production requirement.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-label-planning__grid">


      <!-- 01 -->

      <article class="dsp-label-planning__item">

        <span class="dsp-label-planning__number">
          01
        </span>

        <h3>
          Finished size &amp; shape
        </h3>

        <p>
          The available space and proportions of the item being labelled help
          determine how the artwork and information should be arranged within
          the finished label.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-label-planning__item">

        <span class="dsp-label-planning__number">
          02
        </span>

        <h3>
          Information hierarchy
        </h3>

        <p>
          Decide which information needs to be noticed first. Brand name,
          product information, instructions or identification details should
          remain clear within the available label space.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-label-planning__item">

        <span class="dsp-label-planning__number">
          03
        </span>

        <h3>
          Intended application
        </h3>

        <p>
          Explain where and how the label will be used. The intended
          application helps DSP understand the practical requirements of the
          finished label before production is planned.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-label-planning__item">

        <span class="dsp-label-planning__number">
          04
        </span>

        <h3>
          Quantity
        </h3>

        <p>
          Share the approximate number of labels required, including whether
          the need is a once-off project or part of an ongoing business
          requirement.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-label-planning__item">

        <span class="dsp-label-planning__number">
          05
        </span>

        <h3>
          Artwork &amp; branding
        </h3>

        <p>
          Send any existing logo, brand artwork or label layout you already
          have. DSP can assess whether the supplied artwork is ready for
          production or needs further preparation.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-label-planning__item">

        <span class="dsp-label-planning__number">
          06
        </span>

        <h3>
          Finished purpose
        </h3>

        <p>
          Product presentation, branding, identification and operational
          information can place different demands on a label. The intended
          purpose should guide the design and production decisions.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-label-planning__callout">

      <p class="dsp-label-planning__callout-copy">
        <strong>Do not have finished label artwork yet?</strong>
        DSP's in-house design team can help prepare or adapt the layout around
        the size, branding, information and intended application.
      </p>


      <a
        class="dsp-label-planning__button"
        href="/service/in-house-design/">

        Explore Design Support
        <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-c42fd3b elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="c42fd3b" 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-1e82118 pbmit-bg-color-over-image" data-id="1e82118" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7e2c101 elementor-widget elementor-widget-html" data-id="7e2c101" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP LABEL PRINTING PAGE — PRODUCTION PROCESS
   ========================================================= */

.dsp-label-process,
.dsp-label-process * {
  box-sizing: border-box;
}

.dsp-label-process {
  --dsp-dark: #181819;
  --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(76px, 7vw, 112px) 0;
  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-label-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-label-process__visual {
  position: relative;
  min-width: 0;
}

.dsp-label-process__figure {
  position: relative;

  width: 100%;
  min-height: 0;
  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-label-process__figure img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* =========================================================
   IMAGE BADGE
   ========================================================= */

.dsp-label-process__badge {
  position: absolute;
  right: -22px;
  bottom: 28px;

  z-index: 2;

  max-width: 270px;
  padding: 18px 20px;

  border-radius: 18px;

  background: var(--dsp-dark);
  color: #ffffff;

  box-shadow: 0 17px 38px rgba(24, 28, 31, 0.18);
}

.dsp-label-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-label-process__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-label-process__content {
  min-width: 0;
  max-width: 700px;
}

.dsp-label-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-label-process__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-label-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-label-process__intro {
  max-width: 670px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   STEPS
   ========================================================= */

.dsp-label-process__steps {
  margin: 0;
  padding: 0;

  list-style: none;

  border-top: 1px solid var(--dsp-border);
}

.dsp-label-process__step {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 18px;

  padding: 20px 0;

  border-bottom: 1px solid var(--dsp-border);
}

.dsp-label-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-label-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-label-process__step p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   CTA
   ========================================================= */

.dsp-label-process__actions {
  margin-top: 32px;

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-label-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,
    color 180ms ease;
}

.dsp-label-process__button:hover,
.dsp-label-process__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-label-process__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.35);
  outline-offset: 3px;
}

.dsp-label-process__button--primary {
  border: 1px solid var(--dsp-dark);

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-label-process__button--primary:hover,
.dsp-label-process__button--primary:focus-visible {
  border-color: var(--dsp-cyan);

  background: var(--dsp-cyan);
  color: #ffffff;
}

.dsp-label-process__button--secondary {
  border: 1px solid var(--dsp-dark);

  background: transparent;
  color: var(--dsp-dark);
}

.dsp-label-process__button--secondary:hover,
.dsp-label-process__button--secondary:focus-visible {
  background: #ffffff;
  color: var(--dsp-dark);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
  .dsp-label-process__inner {
    grid-template-columns: 1fr;
  }

  .dsp-label-process__visual {
    width: 100%;
    max-width: 820px;
  }

  .dsp-label-process__content {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-label-process {
    padding: 64px 0;
  }

  .dsp-label-process__inner {
    width: min(100% - 30px, 600px);
    gap: 38px;
  }

  .dsp-label-process__figure {
    min-height: 0;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
  }

  .dsp-label-process__badge {
    position: relative;
    right: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;

    border-radius: 16px;
  }

  .dsp-label-process h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-label-process__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-label-process__step {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
  }

  .dsp-label-process__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-label-process__button {
    width: 100%;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .dsp-label-process__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-label-process"
  aria-labelledby="dsp-label-process-title">

  <div class="dsp-label-process__inner">

    <!-- IMAGE -->

    <div class="dsp-label-process__visual">

      <figure class="dsp-label-process__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-custom-product-label-printing-example.png"
          alt="Illustrative custom label project showing apricot, fig and citrus labels on rolls with matching preserve jars."
          width="1254"
          height="1254"
          loading="lazy"
          decoding="async">

      </figure>

      <div class="dsp-label-process__badge">

        <span class="dsp-label-process__badge-label">
          From artwork to finished label
        </span>

        <span class="dsp-label-process__badge-text">
          Practical design and production support shaped around the intended label application.
        </span>

      </div>

    </div>

    <!-- CONTENT -->

    <div class="dsp-label-process__content">

      <div class="dsp-label-process__eyebrow">
        Label production process
      </div>

      <h2 id="dsp-label-process-title">
        A practical route from label requirement to finished print
      </h2>

      <p class="dsp-label-process__intro">
        The label needs to work visually and practically in its final
        application. DSP can help confirm the requirement, prepare the
        artwork and move the approved job through production and finishing.
      </p>

      <ol class="dsp-label-process__steps">

        <!-- STEP 01 -->

        <li class="dsp-label-process__step">

          <span
            class="dsp-label-process__step-number"
            aria-hidden="true">
            01
          </span>

          <div>

            <h3>
              Confirm the label application
            </h3>

            <p>
              Start with what the label needs to do, where it will be used,
              the approximate size, quantity and the information it needs to carry.
            </p>

          </div>

        </li>

        <!-- STEP 02 -->

        <li class="dsp-label-process__step">

          <span
            class="dsp-label-process__step-number"
            aria-hidden="true">
            02
          </span>

          <div>

            <h3>
              Prepare the artwork
            </h3>

            <p>
              Existing artwork can be checked and adapted where necessary, or
              DSP's in-house design support can help prepare a suitable layout
              around the finished label size and content.
            </p>

          </div>

        </li>

        <!-- STEP 03 -->

        <li class="dsp-label-process__step">

          <span
            class="dsp-label-process__step-number"
            aria-hidden="true">
            03
          </span>

          <div>

            <h3>
              Confirm the production requirement
            </h3>

            <p>
              The approved size, quantity, artwork and intended use are brought
              together into a clear production specification before the job proceeds.
            </p>

          </div>

        </li>

        <!-- STEP 04 -->

        <li class="dsp-label-process__step">

          <span
            class="dsp-label-process__step-number"
            aria-hidden="true">
            04
          </span>

          <div>

            <h3>
              Produce the labels
            </h3>

            <p>
              The approved label artwork moves into print production according
              to the agreed business, product or operational requirement.
            </p>

          </div>

        </li>

        <!-- STEP 05 -->

        <li class="dsp-label-process__step">

          <span
            class="dsp-label-process__step-number"
            aria-hidden="true">
            05
          </span>

          <div>

            <h3>
              Finish and prepare the order
            </h3>

            <p>
              The labels are completed according to the agreed format and
              prepared as a finished order ready for the intended application.
            </p>

          </div>

        </li>

      </ol>

      <!-- CTA -->

      <div class="dsp-label-process__actions">

        <a
          class="dsp-label-process__button dsp-label-process__button--primary"
          href="/contact-us/">

          Discuss Your Labels
          <span aria-hidden="true">↗</span>

        </a>

        <a
          class="dsp-label-process__button dsp-label-process__button--secondary"
          href="/service/in-house-design/">

          Artwork 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-7370941 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="7370941" 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-fecf244 pbmit-bg-color-over-image" data-id="fecf244" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5ae85e5 elementor-widget elementor-widget-html" data-id="5ae85e5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP LABEL PRINTING PAGE — APPLICATION EXAMPLES
   ========================================================= */

.dsp-label-proof,
.dsp-label-proof * {
  box-sizing: border-box;
}

.dsp-label-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-label-proof__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-label-proof__header {
  display: grid;
  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(360px, 0.65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-label-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-label-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-label-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-label-proof__intro {
  max-width: 590px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}

/* =========================================================
   GALLERY
   ========================================================= */

.dsp-label-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-label-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-label-proof__card--main {
  grid-row: 1 / 3;
  min-height: 610px;
}

.dsp-label-proof__card--small {
  min-height: 295px;
}

/* =========================================================
   IMAGES
   ========================================================= */

.dsp-label-proof__card img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

.dsp-label-proof__card--main img {
  object-position: center;
}

.dsp-label-proof__card--production img {
  object-position: center;
}

.dsp-label-proof__card--identification img {
  object-position: center;
}

/* =========================================================
   OVERLAY
   ========================================================= */

.dsp-label-proof__card::after {
  content: "";

  position: absolute;
  inset: 0;

  z-index: 1;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 38%,
      rgba(0, 0, 0, 0.18) 58%,
      rgba(0, 0, 0, 0.82) 100%
    );
}

/* =========================================================
   CAPTIONS
   ========================================================= */

.dsp-label-proof__caption {
  position: absolute;
  z-index: 2;

  left: 23px;
  right: 23px;
  bottom: 21px;
}

.dsp-label-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-label-proof__title {
  display: block;

  color: #ffffff;

  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.dsp-label-proof__card--main
.dsp-label-proof__title {
  max-width: 580px;

  font-size: clamp(21px, 2vw, 29px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-label-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-label-proof__footer-copy {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-label-proof__button {
  flex: 0 0 auto;

  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-label-proof__button:hover,
.dsp-label-proof__button:focus-visible {
  transform: translateY(-2px);

  background: var(--dsp-cyan);
  color: #ffffff;

  text-decoration: none;
}

.dsp-label-proof__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.35);
  outline-offset: 3px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
  .dsp-label-proof__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-label-proof__intro {
    margin-left: 0;
  }

  .dsp-label-proof__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    grid-template-rows: auto;
  }

  .dsp-label-proof__card--main {
    grid-column: 1 / 3;
    grid-row: auto;

    min-height: 0;
    aspect-ratio: 3 / 2;
  }

  .dsp-label-proof__card--small {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-label-proof {
    padding: 64px 0;
  }

  .dsp-label-proof__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-label-proof__header {
    margin-bottom: 28px;
  }

  .dsp-label-proof h2 {
    font-size: clamp(35px, 10vw, 46px);
  }

  .dsp-label-proof__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-label-proof__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-label-proof__card--main {
    grid-column: auto;

    min-height: 0;
    aspect-ratio: 3 / 2;
  }

  .dsp-label-proof__card--small {
    grid-column: auto;

    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .dsp-label-proof__caption {
    left: 19px;
    right: 19px;
    bottom: 18px;
  }

  .dsp-label-proof__title {
    font-size: 15px;
  }

  .dsp-label-proof__card--main
  .dsp-label-proof__title {
    font-size: clamp(19px, 6vw, 25px);
  }

  .dsp-label-proof__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .dsp-label-proof__button {
    width: 100%;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .dsp-label-proof__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-label-proof"
  aria-labelledby="dsp-label-proof-title">

  <div class="dsp-label-proof__inner">

    <!-- HEADER -->

    <header class="dsp-label-proof__header">

      <div>

        <div class="dsp-label-proof__eyebrow">
          Label printing in practice
        </div>

        <h2 id="dsp-label-proof-title">
          Finished labels made for practical business applications
        </h2>

      </div>

      <p class="dsp-label-proof__intro">
        These illustrative project examples show how label artwork can become
        a finished physical product ready for branding, identification,
        packaging or operational use.
      </p>

    </header>

    <!-- GALLERY -->

    <div class="dsp-label-proof__grid">

      <!-- MAIN: PROMOTIONAL SALE STICKERS -->

      <figure
        class="dsp-label-proof__card
               dsp-label-proof__card--main">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-50-percent-sale-sticker-printing.jpg"
          alt="Illustrative retail label project showing rolls of colourful 50% sale stickers applied to packaging and shopping bags."
          width="1536"
          height="1024"
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-label-proof__caption">

          <span class="dsp-label-proof__label">
            Promotional sticker printing
          </span>

          <span class="dsp-label-proof__title">
            Sale stickers printed for retail campaigns and promotional use
          </span>

        </figcaption>

      </figure>

      <!-- PRODUCTION AND FINISHING -->

      <figure
        class="dsp-label-proof__card
               dsp-label-proof__card--small
               dsp-label-proof__card--production">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-label-print-finishing.jpg"
          alt="Illustrative label production scene showing printed labels on release liner being checked and rewound."
          width="1672"
          height="941"
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-label-proof__caption">

          <span class="dsp-label-proof__label">
            Label finishing
          </span>

          <span class="dsp-label-proof__title">
            Printed label rolls checked and prepared for use
          </span>

        </figcaption>

      </figure>

      <!-- OPERATIONAL IDENTIFICATION LABELS -->

      <figure
        class="dsp-label-proof__card
               dsp-label-proof__card--small
               dsp-label-proof__card--identification">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-asset-identification-labels.jpg"
          alt="Illustrative operational label project showing colour-coded asset identification labels applied to equipment cases and storage containers."
          width="1672"
          height="941"
          loading="lazy"
          decoding="async">

        <figcaption class="dsp-label-proof__caption">

          <span class="dsp-label-proof__label">
            Operational identification
          </span>

          <span class="dsp-label-proof__title">
            Durable asset labels produced for clear equipment identification
          </span>

        </figcaption>

      </figure>

    </div>

    <!-- FOOTER -->

    <footer class="dsp-label-proof__footer">

      <p class="dsp-label-proof__footer-copy">
        Need labels for products, packaging, business identification or an
        operational requirement? Share the intended use, approximate size,
        quantity and artwork so DSP can help assess the production requirement.
      </p>

      <a
        class="dsp-label-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-0d2b04b elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="0d2b04b" 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-8fa2a51 pbmit-bg-color-over-image" data-id="8fa2a51" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e22f916 elementor-widget elementor-widget-html" data-id="e22f916" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP LABEL PRINTING PAGE — RELATED SERVICES
   ========================================================= */

.dsp-label-related,
.dsp-label-related * {
  box-sizing: border-box;
}

.dsp-label-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-label-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-label-related__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-label-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-label-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-label-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-label-related__intro {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-label-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-label-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-label-related-card:hover,
.dsp-label-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-label-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-label-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-label-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-label-related-card p {
  flex: 1;

  margin: 0 0 20px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-label-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-label-related-card__arrow {
  font-size: 15px;

  transition: transform 180ms ease;
}

.dsp-label-related-card:hover .dsp-label-related-card__arrow,
.dsp-label-related-card:focus-visible .dsp-label-related-card__arrow {
  transform: translate(3px, -2px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-label-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-label-related__footer p {
  max-width: 700px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-label-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-label-related__all-services:hover,
.dsp-label-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-label-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-label-related {
    padding: 60px 0;
  }

  .dsp-label-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-label-related__header {
    margin-bottom: 28px;
  }

  .dsp-label-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-label-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-label-related-card {
    min-height: auto;
  }

  .dsp-label-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-label-related"
  aria-labelledby="dsp-label-related-title">

  <div class="dsp-label-related__inner">


    <!-- HEADER -->

    <header class="dsp-label-related__header">

      <div class="dsp-label-related__eyebrow">
        Related production services
      </div>

      <h2 id="dsp-label-related-title">
        Other services that can support business identification and printed communication
      </h2>

      <p class="dsp-label-related__intro">
        Label printing often sits alongside other everyday business and
        production requirements. DSP can also support stamps, printed material,
        artwork preparation and specialist finishing through related services.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-label-related__grid">


      <!-- RUBBER STAMPS -->

      <a
        class="dsp-label-related-card"
        href="/service/rubber-stamps/">

        <span class="dsp-label-related-card__label">
          Business essentials
        </span>

        <h3>
          Rubber Stamps
        </h3>

        <p>
          Custom business stamps for administration, approvals,
          identification and other recurring office requirements.
        </p>

        <span class="dsp-label-related-card__link">
          Explore Rubber Stamps
          <span
            class="dsp-label-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- FULL COLOUR PRINTING -->

      <a
        class="dsp-label-related-card"
        href="/service/full-colour-printing/">

        <span class="dsp-label-related-card__label">
          Business print
        </span>

        <h3>
          Full Colour Printing
        </h3>

        <p>
          Flyers, brochures, business stationery, promotional print and
          other full colour communication material for everyday business use.
        </p>

        <span class="dsp-label-related-card__link">
          Explore Full Colour
          <span
            class="dsp-label-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- IN-HOUSE DESIGN -->

      <a
        class="dsp-label-related-card"
        href="/service/in-house-design/">

        <span class="dsp-label-related-card__label">
          Artwork support
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Practical artwork and layout support for labels, packaging graphics
          and other printed business material that needs production-ready design.
        </p>

        <span class="dsp-label-related-card__link">
          Explore Design Support
          <span
            class="dsp-label-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- DIE CUTTING -->

      <a
        class="dsp-label-related-card"
        href="/service/die-cutting/">

        <span class="dsp-label-related-card__label">
          Specialist finishing
        </span>

        <h3>
          Die Cutting
        </h3>

        <p>
          Specialist cutting and finishing support for suitable printed
          applications where the required shape or finished format goes beyond
          a standard straight-cut item.
        </p>

        <span class="dsp-label-related-card__link">
          Explore Die Cutting
          <span
            class="dsp-label-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <!-- FOOTER -->

    <footer class="dsp-label-related__footer">

      <p>
        Need labels as part of a broader print, packaging or business
        identification requirement? DSP can help assess how the different
        artwork and production needs fit together.
      </p>

      <a
        class="dsp-label-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-3d7e29c elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="3d7e29c" 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-a6dc344 pbmit-bg-color-over-image" data-id="a6dc344" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-41558b4 elementor-widget elementor-widget-html" data-id="41558b4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP LABEL PRINTING PAGE — FAQ
   ========================================================= */

.dsp-label-faq,
.dsp-label-faq * {
  box-sizing: border-box;
}

.dsp-label-faq {
  --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: #ffffff;
  color: var(--dsp-text);
}

.dsp-label-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-label-faq__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-label-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-label-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-label-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-label-faq__intro {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-label-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-label-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-label-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-label-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-label-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-label-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-label-faq__answer {
  max-width: 880px;
  padding: 0 52px 25px 0;
}

.dsp-label-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-label-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-label-faq__footer p {
  max-width: 700px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-label-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-label-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-label-faq__link:hover,
.dsp-label-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-label-faq {
    padding: 60px 0;
  }

  .dsp-label-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-label-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-label-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-label-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-label-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-label-faq__footer {
    align-items: flex-start;
    flex-direction: column;

    padding: 23px 21px;
  }
}
</style>


<section
  class="dsp-label-faq"
  aria-labelledby="dsp-label-faq-title">

  <div class="dsp-label-faq__inner">


    <!-- HEADER -->

    <header class="dsp-label-faq__header">

      <div class="dsp-label-faq__eyebrow">
        Label Printing FAQs
      </div>

      <h2 id="dsp-label-faq-title">
        Questions businesses often ask before ordering custom labels
      </h2>

      <p class="dsp-label-faq__intro">
        You do not need to arrive with every technical detail already decided.
        The intended use, approximate size, quantity, required information and
        any existing artwork are usually enough to start the discussion.
      </p>

    </header>


    <!-- FAQ LIST -->

    <div class="dsp-label-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          What information should I send when requesting a label printing quote?
        </summary>

        <div class="dsp-label-faq__answer">

          <p>
            Include what the labels will be used for, the approximate size,
            quantity, information that needs to appear on them and any existing
            logo or artwork. If some of these details are still undecided, DSP
            can help work through the practical requirements.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          Can DSP help design or prepare the label artwork?
        </summary>

        <div class="dsp-label-faq__answer">

          <p>
            Yes. DSP provides in-house design and artwork support. Existing
            label artwork can be assessed and adapted for production, or a new
            layout can be prepared around the available size, branding and
            information that needs to be included.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          How do I know what type of label is right for my requirement?
        </summary>

        <div class="dsp-label-faq__answer">

          <p>
            Start by explaining where the label will be used, what it needs to
            communicate and how it fits into the finished product or business
            application. DSP can then assess the size, artwork and practical
            production requirements rather than expecting you to select the
            production method yourself.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          Can DSP help with recurring label requirements?
        </summary>

        <div class="dsp-label-faq__answer">

          <p>
            Yes. If labels form part of an ongoing product, packaging,
            identification or operational requirement, share the expected
            quantities and how frequently they are needed so the job can be
            assessed as a recurring business requirement.
          </p>

        </div>

      </details>


    </div>


    <!-- FOOTER -->

    <div class="dsp-label-faq__footer">

      <p>
        <strong>Still working out what the finished label should be?</strong>
        Send DSP the application, size, quantity and information you already
        have and the team can help clarify the remaining details.
      </p>

      <a
        class="dsp-label-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-63defcf elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="63defcf" 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-c48eefb pbmit-bg-color-over-image" data-id="c48eefb" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4844c93 elementor-widget elementor-widget-html" data-id="4844c93" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP LABEL PRINTING PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-label-final-cta,
.dsp-label-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-label-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-label-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-label-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(255,221,0,.10),
      transparent 31%
    ),
    radial-gradient(
      circle at 5% 94%,
      rgba(0,174,239,.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-label-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-label-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-label-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-label-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-label-final-cta h2 {
  max-width: 920px;

  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-label-final-cta__copy {
  max-width: 790px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-label-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-label-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-label-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-label-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-label-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-label-final-cta__button:hover,
.dsp-label-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-label-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-label-final-cta__button--primary:hover,
.dsp-label-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-label-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-label-final-cta__button--secondary:hover,
.dsp-label-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-label-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-label-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-label-final-cta {
    padding: 54px 0;
  }

  .dsp-label-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-label-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-label-final-cta__main {
    gap: 34px;
  }

  .dsp-label-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-label-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-label-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-label-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-label-final-cta"
  aria-labelledby="dsp-label-final-cta-title"
>

  <div class="dsp-label-final-cta__inner">

    <div class="dsp-label-final-cta__shell">

      <div class="dsp-label-final-cta__main">


        <!-- COPY -->

        <div class="dsp-label-final-cta__content">

          <div class="dsp-label-final-cta__eyebrow">
            Start your label printing enquiry
          </div>

          <h2 id="dsp-label-final-cta-title">
            Need custom labels for a product, business or operational requirement?
          </h2>

          <p class="dsp-label-final-cta__copy">
            Send DSP the intended use, approximate size, quantity, information
            that needs to appear and any existing logo or artwork. If the
            format or design still needs to be clarified, the team can help
            work through the remaining artwork and production details before
            the job moves forward.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-label-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print about label printing"
        >

          <h3 class="dsp-label-final-cta__panel-heading">
            Have a label requirement to produce?
          </h3>

          <p class="dsp-label-final-cta__panel-copy">
            Share the intended use, size, quantity, required information and
            any artwork or brand material you already have.
          </p>

          <div class="dsp-label-final-cta__buttons">

            <a
              class="
                dsp-label-final-cta__button
                dsp-label-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-label-final-cta__button
                dsp-label-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>
		<item>
		<title>Copy Centre</title>
		<link>https://dynamicsp.co.za/service/copy-centre/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Fri, 25 Aug 2023 06:57:15 +0000</pubDate>
				<guid isPermaLink="false">http://yoge-demo.pbminfotech.com/demo1/?post_type=pbmit-service&#038;p=352</guid>

					<description><![CDATA[Copy Centre · Springs, Gauteng Copy centre support for everyday business and document printing DSP provides practical copy centre support for businesses, offices, professionals and technical teams that need documents and printed material produced clearly and efficiently. Bring the files or information you already have and the team can help work through the remaining production [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="575" class="elementor elementor-575">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-ed28f2b elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="ed28f2b" 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-cab653f pbmit-bg-color-over-image" data-id="cab653f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-098e5a6 elementor-widget elementor-widget-html" data-id="098e5a6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP COPY CENTRE PAGE — HERO
   ========================================================= */

.dsp-copy-hero,
.dsp-copy-hero * {
  box-sizing: border-box;
}

.dsp-copy-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, 128px)
    0
    clamp(72px, 7vw, 106px);

  background:
    radial-gradient(
      circle at 91% 15%,
      rgba(0, 174, 239, 0.12),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #171718 0%,
      #252527 100%
    );

  color: var(--dsp-white);
}

.dsp-copy-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-copy-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-copy-hero__content {
  min-width: 0;
  max-width: 850px;
}

.dsp-copy-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-copy-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-copy-hero h1 {
  max-width: 900px;
  margin: 0 0 25px;

  color: var(--dsp-white);

  font-family: inherit;
  font-size: clamp(45px, 4.9vw, 74px);
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -0.045em;
}

.dsp-copy-hero__intro {
  max-width: 760px;
  margin: 0 0 31px;

  color: var(--dsp-muted);

  font-size: 17px;
  line-height: 1.72;
}

/* =========================================================
   SERVICE POINTS
   ========================================================= */

.dsp-copy-hero__points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 22px;

  margin: 0 0 35px;
  padding: 0;

  list-style: none;
}

.dsp-copy-hero__points li {
  position: relative;

  color: rgba(255, 255, 255, 0.82);

  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.dsp-copy-hero__points li:not(:last-child)::after {
  content: "•";

  position: absolute;
  right: -14px;

  color: var(--dsp-yellow);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-copy-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-copy-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-copy-hero__button:hover,
.dsp-copy-hero__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-copy-hero__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.38);
  outline-offset: 3px;
}

.dsp-copy-hero__button--primary {
  border-color: var(--dsp-yellow);

  background: var(--dsp-yellow);
  color: #171717;
}

.dsp-copy-hero__button--primary:hover,
.dsp-copy-hero__button--primary:focus-visible {
  border-color: var(--dsp-white);

  background: var(--dsp-white);
  color: #171717;
}

.dsp-copy-hero__button--secondary {
  border-color: rgba(255, 255, 255, 0.55);

  background: transparent;
  color: var(--dsp-white);
}

.dsp-copy-hero__button--secondary:hover,
.dsp-copy-hero__button--secondary:focus-visible {
  border-color: var(--dsp-white);

  background: rgba(255, 255, 255, 0.08);
  color: var(--dsp-white);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-copy-hero__visual {
  position: relative;
  min-width: 0;
}

.dsp-copy-hero__figure {
  position: relative;

  min-height: 530px;
  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-copy-hero__figure img {
  position: absolute;
  inset: 0;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* Subtle image treatment for consistent hero contrast */

.dsp-copy-hero__figure::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 55%,
      rgba(0, 0, 0, 0.24) 100%
    );
}

/* =========================================================
   IMAGE BADGE
   ========================================================= */

.dsp-copy-hero__badge {
  position: absolute;
  left: -22px;
  bottom: 28px;

  z-index: 2;

  max-width: 270px;
  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-copy-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-copy-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-copy-hero__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dsp-copy-hero__visual {
    width: 100%;
    max-width: 820px;
  }

  .dsp-copy-hero__figure {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-copy-hero {
    padding: 72px 0 66px;
  }

  .dsp-copy-hero__inner {
    width: min(100% - 30px, 600px);
    gap: 40px;
  }

  .dsp-copy-hero h1 {
    font-size: clamp(39px, 10.8vw, 51px);
  }

  .dsp-copy-hero__intro {
    font-size: 15px;
    line-height: 1.67;
  }

  .dsp-copy-hero__points {
    gap: 8px 20px;
  }

  .dsp-copy-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-copy-hero__button {
    width: 100%;
  }

  .dsp-copy-hero__figure {
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 21px;
  }

  .dsp-copy-hero__figure img {
    object-position: center;
  }

  .dsp-copy-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-copy-hero__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-copy-hero"
  aria-labelledby="dsp-copy-hero-title">

  <div class="dsp-copy-hero__inner">

    <!-- CONTENT -->

    <div class="dsp-copy-hero__content">

      <div class="dsp-copy-hero__eyebrow">
        Copy Centre · Springs, Gauteng
      </div>

      <h1 id="dsp-copy-hero-title">
        Copy centre support for everyday business and document printing
      </h1>

      <p class="dsp-copy-hero__intro">
        DSP provides practical copy centre support for businesses, offices,
        professionals and technical teams that need documents and printed
        material produced clearly and efficiently. Bring the files or
        information you already have and the team can help work through the
        remaining production requirements.
      </p>

      <ul
        class="dsp-copy-hero__points"
        aria-label="DSP copy centre services">

        <li>Document printing</li>
        <li>Copying</li>
        <li>Presentation material</li>
        <li>Everyday business print</li>

      </ul>

      <div class="dsp-copy-hero__actions">

        <a
          class="dsp-copy-hero__button dsp-copy-hero__button--primary"
          href="/contact-us/">

          Discuss Your Requirement
          <span aria-hidden="true">↗</span>

        </a>

        <a
          class="dsp-copy-hero__button dsp-copy-hero__button--secondary"
          href="#dsp-copy-support">

          Explore Copy Centre Support
          <span aria-hidden="true">↓</span>

        </a>

      </div>

    </div>

    <!-- IMAGE -->

    <div class="dsp-copy-hero__visual">

      <figure class="dsp-copy-hero__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-digital-print-production-facility-springs.jpg"
          alt="Digital printing and document production equipment at Dynamic Signs and Print in Springs, Gauteng."
          loading="eager"
          decoding="async"
          fetchpriority="high">

      </figure>

      <div class="dsp-copy-hero__badge">

        <span class="dsp-copy-hero__badge-label">
          Practical business support
        </span>

        <span class="dsp-copy-hero__badge-text">
          Document and everyday print production backed by DSP's wider in-house capability.
        </span>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
				<div class="elementor-element elementor-element-e166f0c elementor-widget elementor-widget-html" data-id="e166f0c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP COPY CENTRE PAGE — SUPPORT OPTIONS
   ========================================================= */

.dsp-copy-support,
.dsp-copy-support * {
  box-sizing: border-box;
}

.dsp-copy-support {
  --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-copy-support__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-copy-support__header {
  display: grid;
  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 42px;
}

.dsp-copy-support__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-copy-support__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-copy-support h2 {
  max-width: 790px;
  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-copy-support__intro {
  max-width: 590px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-copy-support__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-copy-support-card {
  position: relative;

  min-height: 245px;
  padding: 28px 27px 25px;

  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-copy-support-card:hover {
  transform: translateY(-4px);

  border-color: #d0d5d6;

  box-shadow: 0 20px 42px rgba(24,28,31,.09);
}

.dsp-copy-support-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-copy-support-card__number {
  display: block;

  margin-bottom: 22px;

  color: #979c9f;

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-copy-support-card h3 {
  margin: 0 0 11px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.dsp-copy-support-card p {
  flex: 1;

  margin: 0 0 18px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}

.dsp-copy-support-card__use {
  padding-top: 15px;

  border-top: 1px solid var(--dsp-border);

  color: #767b7e;

  font-size: 11px;
  line-height: 1.5;
}

.dsp-copy-support-card__use strong {
  color: var(--dsp-dark);
  font-weight: 700;
}

/* =========================================================
   FOOTER CALLOUT
   ========================================================= */

.dsp-copy-support__footer {
  margin-top: 38px;
  padding: 29px 32px;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: center;
  gap: 36px;

  border-radius: 20px;

  background: var(--dsp-dark);
}

.dsp-copy-support__footer-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-copy-support__footer-copy strong {
  color: #ffffff;
}

.dsp-copy-support__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-copy-support__button:hover,
.dsp-copy-support__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-copy-support__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-copy-support__intro {
    margin-left: 0;
  }

  .dsp-copy-support__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-copy-support {
    padding: 64px 0;
  }

  .dsp-copy-support__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-copy-support__header {
    margin-bottom: 30px;
  }

  .dsp-copy-support h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-copy-support__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-copy-support__grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .dsp-copy-support-card {
    min-height: auto;

    padding: 26px 22px 23px;
  }

  .dsp-copy-support__footer {
    grid-template-columns: 1fr;

    padding: 26px 22px;
  }

  .dsp-copy-support__button {
    width: 100%;
  }
}
</style>


<section
  class="dsp-copy-support"
  id="dsp-copy-support"
  aria-labelledby="dsp-copy-support-title">

  <div class="dsp-copy-support__inner">


    <!-- HEADER -->

    <header class="dsp-copy-support__header">

      <div>

        <div class="dsp-copy-support__eyebrow">
          Copy centre services
        </div>

        <h2 id="dsp-copy-support-title">
          Practical support for documents, presentations and everyday business print
        </h2>

      </div>


      <p class="dsp-copy-support__intro">
        Some print requirements are straightforward, others need a little help
        with layout, quantity or final format. DSP's Copy Centre provides a
        practical starting point for common office and document production needs.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-copy-support__grid">


      <!-- 01 -->

      <article class="dsp-copy-support-card">

        <span class="dsp-copy-support-card__number">
          01
        </span>

        <h3>
          Document printing
        </h3>

        <p>
          Printed documents for everyday business, administrative,
          professional and internal communication requirements.
        </p>

        <div class="dsp-copy-support-card__use">
          <strong>Useful for:</strong>
          reports, documents, handouts and office material
        </div>

      </article>


      <!-- 02 -->

      <article class="dsp-copy-support-card">

        <span class="dsp-copy-support-card__number">
          02
        </span>

        <h3>
          Copying
        </h3>

        <p>
          Reproduction of existing documents where additional working,
          reference or distribution copies are required.
        </p>

        <div class="dsp-copy-support-card__use">
          <strong>Useful for:</strong>
          office records, handouts and recurring document requirements
        </div>

      </article>


      <!-- 03 -->

      <article class="dsp-copy-support-card">

        <span class="dsp-copy-support-card__number">
          03
        </span>

        <h3>
          Presentation material
        </h3>

        <p>
          Printed material prepared for meetings, presentations,
          proposals and other business situations where professional
          physical copies are required.
        </p>

        <div class="dsp-copy-support-card__use">
          <strong>Useful for:</strong>
          presentations, proposals, meetings and client packs
        </div>

      </article>


      <!-- 04 -->

      <article class="dsp-copy-support-card">

        <span class="dsp-copy-support-card__number">
          04
        </span>

        <h3>
          Training &amp; information material
        </h3>

        <p>
          Documents and handouts for training sessions, workshops,
          internal communication and information distribution.
        </p>

        <div class="dsp-copy-support-card__use">
          <strong>Useful for:</strong>
          training, workshops, inductions and information packs
        </div>

      </article>


      <!-- 05 -->

      <article class="dsp-copy-support-card">

        <span class="dsp-copy-support-card__number">
          05
        </span>

        <h3>
          Small business print requirements
        </h3>

        <p>
          Practical support for smaller day-to-day print jobs that still
          need to look clear, professional and consistent with the business.
        </p>

        <div class="dsp-copy-support-card__use">
          <strong>Useful for:</strong>
          offices, owner-led businesses and recurring print needs
        </div>

      </article>


      <!-- 06 -->

      <article class="dsp-copy-support-card">

        <span class="dsp-copy-support-card__number">
          06
        </span>

        <h3>
          Custom document requirements
        </h3>

        <p>
          If the job does not fit neatly into a standard category, bring
          the file or explain the finished result you need and DSP can help
          assess the practical production route.
        </p>

        <div class="dsp-copy-support-card__use">
          <strong>Useful for:</strong>
          unusual formats, mixed documents and one-off business requirements
        </div>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-copy-support__footer">

      <p class="dsp-copy-support__footer-copy">
        <strong>Not sure how the document should be produced?</strong>
        Send or bring the file, approximate quantity and the finished result
        you need. DSP can help work through the practical production details.
      </p>


      <a
        class="dsp-copy-support__button"
        href="/contact-us/">

        Discuss Your Requirement
        <span aria-hidden="true">↗</span>

      </a>

    </div>

  </div>

</section>				</div>
				</div>
				<div class="elementor-element elementor-element-b0acc29 elementor-widget elementor-widget-html" data-id="b0acc29" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP COPY CENTRE PAGE — DOCUMENT PREPARATION
   ========================================================= */

.dsp-copy-prep,
.dsp-copy-prep * {
  box-sizing: border-box;
}

.dsp-copy-prep {
  --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-copy-prep__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.dsp-copy-prep__header {
  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .65fr);

  align-items: end;
  gap: 50px;

  margin-bottom: 40px;
}

.dsp-copy-prep__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-copy-prep__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-copy-prep h2 {
  max-width: 800px;
  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-copy-prep__intro {
  max-width: 600px;
  margin: 0 0 4px auto;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.7;
}


/* =========================================================
   GUIDANCE GRID
   ========================================================= */

.dsp-copy-prep__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-copy-prep__item {
  min-height: 215px;
  padding: 28px 25px;

  border-right: 1px solid var(--dsp-border);
  border-bottom: 1px solid var(--dsp-border);

  background: var(--dsp-soft);
}

.dsp-copy-prep__number {
  display: block;

  margin-bottom: 18px;

  color: var(--dsp-cyan);

  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .09em;
}

.dsp-copy-prep__item h3 {
  margin: 0 0 9px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.28;
}

.dsp-copy-prep__item p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.62;
}


/* =========================================================
   CALLOUT
   ========================================================= */

.dsp-copy-prep__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-copy-prep__callout-copy {
  margin: 0;

  color: rgba(255,255,255,.70);

  font-size: 14px;
  line-height: 1.65;
}

.dsp-copy-prep__callout-copy strong {
  color: #ffffff;
}

.dsp-copy-prep__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-copy-prep__button:hover,
.dsp-copy-prep__button:focus-visible {
  transform: translateY(-2px);

  background: #ffffff;
  color: #171717;

  text-decoration: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-copy-prep__header {
    grid-template-columns: 1fr;
    gap: 19px;
  }

  .dsp-copy-prep__intro {
    margin-left: 0;
  }

  .dsp-copy-prep__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-copy-prep {
    padding: 62px 0;
  }

  .dsp-copy-prep__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-copy-prep__header {
    margin-bottom: 28px;
  }

  .dsp-copy-prep h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-copy-prep__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-copy-prep__grid {
    grid-template-columns: 1fr;
  }

  .dsp-copy-prep__item {
    min-height: auto;
    padding: 24px 21px;
  }

  .dsp-copy-prep__callout {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .dsp-copy-prep__button {
    width: 100%;
  }

}
</style>


<section
  class="dsp-copy-prep"
  aria-labelledby="dsp-copy-prep-title">

  <div class="dsp-copy-prep__inner">


    <!-- HEADER -->

    <header class="dsp-copy-prep__header">

      <div>

        <div class="dsp-copy-prep__eyebrow">
          Preparing your documents
        </div>

        <h2 id="dsp-copy-prep-title">
          Bring the information you have. DSP can help with the production details.
        </h2>

      </div>


      <p class="dsp-copy-prep__intro">
        A few basic details make it easier to understand the job, but you do
        not need to arrive with every specification already decided. Start with
        the document, quantity and finished result you need.
      </p>

    </header>


    <!-- GUIDANCE GRID -->

    <div class="dsp-copy-prep__grid">


      <!-- 01 -->

      <article class="dsp-copy-prep__item">

        <span class="dsp-copy-prep__number">
          01
        </span>

        <h3>
          Your document or file
        </h3>

        <p>
          Send or bring the document you need produced. If there are several
          files, indicate which items belong together and how the finished
          material should be organised.
        </p>

      </article>


      <!-- 02 -->

      <article class="dsp-copy-prep__item">

        <span class="dsp-copy-prep__number">
          02
        </span>

        <h3>
          Page or finished size
        </h3>

        <p>
          If you already know the required size, include it with the enquiry.
          If not, explain how the printed material will be used so the practical
          options can be considered.
        </p>

      </article>


      <!-- 03 -->

      <article class="dsp-copy-prep__item">

        <span class="dsp-copy-prep__number">
          03
        </span>

        <h3>
          Colour requirements
        </h3>

        <p>
          Let DSP know whether colour is important to the document or whether
          the requirement is primarily functional. This helps clarify the
          appropriate production setup.
        </p>

      </article>


      <!-- 04 -->

      <article class="dsp-copy-prep__item">

        <span class="dsp-copy-prep__number">
          04
        </span>

        <h3>
          Quantity
        </h3>

        <p>
          Share the approximate number of copies or sets required. This helps
          establish the scale of the job and the most practical way to prepare it.
        </p>

      </article>


      <!-- 05 -->

      <article class="dsp-copy-prep__item">

        <span class="dsp-copy-prep__number">
          05
        </span>

        <h3>
          Finished format
        </h3>

        <p>
          If the documents need a particular final format or finishing treatment,
          include that requirement when requesting the job. DSP can help clarify
          the available production options where needed.
        </p>

      </article>


      <!-- 06 -->

      <article class="dsp-copy-prep__item">

        <span class="dsp-copy-prep__number">
          06
        </span>

        <h3>
          Required date
        </h3>

        <p>
          Let the team know when the material is needed, particularly for
          meetings, training sessions, presentations or other fixed business dates.
        </p>

      </article>


    </div>


    <!-- CALLOUT -->

    <div class="dsp-copy-prep__callout">

      <p class="dsp-copy-prep__callout-copy">
        <strong>Need more than simple document printing?</strong>
        Because DSP has broader in-house print and design capability, the team
        can also help identify when a requirement is better suited to another
        print or production service.
      </p>


      <a
        class="dsp-copy-prep__button"
        href="/services/">

        Explore DSP Services
        <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-95b3fbf elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="95b3fbf" 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-302ddf2 pbmit-bg-color-over-image" data-id="302ddf2" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-623e023 elementor-widget elementor-widget-html" data-id="623e023" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP COPY CENTRE PAGE — SIMPLE WORKFLOW
   ========================================================= */

.dsp-copy-process,
.dsp-copy-process * {
  box-sizing: border-box;
}

.dsp-copy-process {
  --dsp-dark: #181819;
  --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(74px, 7vw, 108px) 0;

  background: var(--dsp-light);
  color: var(--dsp-text);
}

.dsp-copy-process__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;

  display: grid;
  grid-template-columns:
    minmax(410px, 0.85fr)
    minmax(0, 1.15fr);

  align-items: center;
  gap: clamp(52px, 7vw, 105px);
}

/* =========================================================
   IMAGE
   ========================================================= */

.dsp-copy-process__visual {
  position: relative;
  min-width: 0;
}

.dsp-copy-process__figure {
  position: relative;

  width: 100%;
  min-height: 0;
  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-copy-process__figure img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

/* Subtle lower treatment behind the caption badge */

.dsp-copy-process__figure::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 58%,
      rgba(0, 0, 0, 0.12) 100%
    );
}

/* =========================================================
   IMAGE BADGE
   ========================================================= */

.dsp-copy-process__badge {
  position: absolute;
  right: -22px;
  bottom: 28px;

  z-index: 2;

  max-width: 260px;
  padding: 18px 20px;

  border-radius: 18px;

  background: var(--dsp-dark);
  color: #ffffff;

  box-shadow:
    0 17px 38px rgba(24, 28, 31, 0.18);
}

.dsp-copy-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-copy-process__badge-text {
  display: block;

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

/* =========================================================
   CONTENT
   ========================================================= */

.dsp-copy-process__content {
  min-width: 0;
  max-width: 700px;
}

.dsp-copy-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-copy-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-copy-process h2 {
  max-width: 700px;
  margin: 0 0 23px;

  color: var(--dsp-dark);

  font-family: inherit;
  font-size: clamp(39px, 4vw, 58px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.04em;
}

.dsp-copy-process__intro {
  max-width: 660px;
  margin: 0 0 30px;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}

/* =========================================================
   STEPS
   ========================================================= */

.dsp-copy-process__steps {
  margin: 0;
  padding: 0;

  list-style: none;

  border-top: 1px solid var(--dsp-border);
}

.dsp-copy-process__step {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 18px;

  padding: 21px 0;

  border-bottom: 1px solid var(--dsp-border);
}

.dsp-copy-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-copy-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-copy-process__step p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

/* =========================================================
   CTA
   ========================================================= */

.dsp-copy-process__actions {
  margin-top: 31px;

  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.dsp-copy-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,
    color 180ms ease;
}

.dsp-copy-process__button:hover,
.dsp-copy-process__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}

.dsp-copy-process__button:focus-visible {
  outline: 3px solid rgba(0, 174, 239, 0.35);
  outline-offset: 3px;
}

.dsp-copy-process__button--primary {
  border: 1px solid var(--dsp-dark);

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-copy-process__button--primary:hover,
.dsp-copy-process__button--primary:focus-visible {
  border-color: var(--dsp-cyan);

  background: var(--dsp-cyan);
  color: #ffffff;
}

.dsp-copy-process__button--secondary {
  border: 1px solid var(--dsp-dark);

  background: transparent;
  color: var(--dsp-dark);
}

.dsp-copy-process__button--secondary:hover,
.dsp-copy-process__button--secondary:focus-visible {
  background: #ffffff;
  color: var(--dsp-dark);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
  .dsp-copy-process__inner {
    grid-template-columns: 1fr;
  }

  .dsp-copy-process__visual {
    width: 100%;
    max-width: 700px;
  }

  .dsp-copy-process__content {
    max-width: 820px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .dsp-copy-process {
    padding: 64px 0;
  }

  .dsp-copy-process__inner {
    width: min(100% - 30px, 600px);
    gap: 38px;
  }

  .dsp-copy-process__figure {
    min-height: 0;
    aspect-ratio: 1 / 1;

    border-radius: 20px;
  }

  .dsp-copy-process__badge {
    position: relative;
    right: auto;
    bottom: auto;

    max-width: none;
    margin-top: 13px;

    border-radius: 16px;
  }

  .dsp-copy-process h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-copy-process__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-copy-process__step {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
  }

  .dsp-copy-process__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dsp-copy-process__button {
    width: 100%;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .dsp-copy-process__button {
    transition: none;
  }
}
</style>

<section
  class="dsp-copy-process"
  aria-labelledby="dsp-copy-process-title">

  <div class="dsp-copy-process__inner">

    <!-- IMAGE -->

    <div class="dsp-copy-process__visual">

      <figure class="dsp-copy-process__figure">

        <img
          src="https://dynamicsp.co.za/wp-content/uploads/2026/08/dsp-copy-centre-document-printing-finishing.jpg"
          alt="Illustrative copy centre production scene showing printed business documents being collated alongside spiral-bound manuals and finished reports."
          width="1254"
          height="1254"
          loading="lazy"
          decoding="async">

      </figure>

      <div class="dsp-copy-process__badge">

        <span class="dsp-copy-process__badge-label">
          Practical in-house support
        </span>

        <span class="dsp-copy-process__badge-text">
          From the supplied document to finished material ready for business use.
        </span>

      </div>

    </div>

    <!-- CONTENT -->

    <div class="dsp-copy-process__content">

      <div class="dsp-copy-process__eyebrow">
        How the Copy Centre works
      </div>

      <h2 id="dsp-copy-process-title">
        A simple route from document to finished copies
      </h2>

      <p class="dsp-copy-process__intro">
        For most everyday document requirements, the process is straightforward.
        Start with the file or original material and the result you need, and DSP
        can help confirm the practical production details.
      </p>

      <ol class="dsp-copy-process__steps">

        <!-- STEP 01 -->

        <li class="dsp-copy-process__step">

          <span
            class="dsp-copy-process__step-number"
            aria-hidden="true">
            01
          </span>

          <div>

            <h3>
              Send or bring the document
            </h3>

            <p>
              Provide the digital file or original material together with any
              information you already know about the required copies or finished item.
            </p>

          </div>

        </li>

        <!-- STEP 02 -->

        <li class="dsp-copy-process__step">

          <span
            class="dsp-copy-process__step-number"
            aria-hidden="true">
            02
          </span>

          <div>

            <h3>
              Confirm the requirement
            </h3>

            <p>
              The quantity, size, colour requirement, finished format and required
              timing can be confirmed before production begins.
            </p>

          </div>

        </li>

        <!-- STEP 03 -->

        <li class="dsp-copy-process__step">

          <span
            class="dsp-copy-process__step-number"
            aria-hidden="true">
            03
          </span>

          <div>

            <h3>
              Produce the documents
            </h3>

            <p>
              The material is produced according to the agreed document and
              business requirement.
            </p>

          </div>

        </li>

        <!-- STEP 04 -->

        <li class="dsp-copy-process__step">

          <span
            class="dsp-copy-process__step-number"
            aria-hidden="true">
            04
          </span>

          <div>

            <h3>
              Finish and prepare the job
            </h3>

            <p>
              Any agreed finishing is completed and the documents are prepared
              in the required format for their intended use.
            </p>

          </div>

        </li>

      </ol>

      <!-- CTA -->

      <div class="dsp-copy-process__actions">

        <a
          class="dsp-copy-process__button dsp-copy-process__button--primary"
          href="/contact-us/">

          Discuss Your Requirement
          <span aria-hidden="true">↗</span>

        </a>

        <a
          class="dsp-copy-process__button dsp-copy-process__button--secondary"
          href="/service/full-colour-printing/">

          Explore Full Colour Printing
          <span aria-hidden="true">↗</span>

        </a>

      </div>

    </div>

  </div>

</section>				</div>
				</div>
				<div class="elementor-element elementor-element-b20cef2 elementor-widget elementor-widget-html" data-id="b20cef2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP COPY CENTRE PAGE — RELATED SERVICES
   ========================================================= */

.dsp-copy-related,
.dsp-copy-related * {
  box-sizing: border-box;
}

.dsp-copy-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: #ffffff;
  color: var(--dsp-text);
}

.dsp-copy-related__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-copy-related__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-copy-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-copy-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-copy-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-copy-related__intro {
  max-width: 760px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   GRID
   ========================================================= */

.dsp-copy-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* =========================================================
   CARDS
   ========================================================= */

.dsp-copy-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: var(--dsp-light);
  color: var(--dsp-text);

  text-decoration: none;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}

.dsp-copy-related-card:hover,
.dsp-copy-related-card:focus-visible {
  transform: translateY(-4px);

  border-color: #cbd0d2;
  background: #ffffff;

  box-shadow: 0 18px 36px rgba(24,28,31,.08);

  color: var(--dsp-text);
  text-decoration: none;
}

.dsp-copy-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-copy-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-copy-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-copy-related-card p {
  flex: 1;

  margin: 0 0 20px;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-copy-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-copy-related-card__arrow {
  font-size: 15px;
  transition: transform 180ms ease;
}

.dsp-copy-related-card:hover .dsp-copy-related-card__arrow,
.dsp-copy-related-card:focus-visible .dsp-copy-related-card__arrow {
  transform: translate(3px, -2px);
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-copy-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-copy-related__footer p {
  max-width: 700px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-copy-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-copy-related__all-services:hover,
.dsp-copy-related__all-services:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

  .dsp-copy-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-copy-related {
    padding: 60px 0;
  }

  .dsp-copy-related__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-copy-related__header {
    margin-bottom: 28px;
  }

  .dsp-copy-related h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-copy-related__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .dsp-copy-related-card {
    min-height: auto;
  }

  .dsp-copy-related__footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
</style>


<section
  class="dsp-copy-related"
  aria-labelledby="dsp-copy-related-title">

  <div class="dsp-copy-related__inner">


    <!-- HEADER -->

    <header class="dsp-copy-related__header">

      <div class="dsp-copy-related__eyebrow">
        Related print services
      </div>

      <h2 id="dsp-copy-related-title">
        When the requirement goes beyond everyday document printing
      </h2>

      <p class="dsp-copy-related__intro">
        The Copy Centre forms part of DSP's broader print and production
        capability. Where a job needs a different format, production method
        or artwork support, these related services may be a better fit.
      </p>

    </header>


    <!-- GRID -->

    <div class="dsp-copy-related__grid">


      <!-- FULL COLOUR PRINTING -->

      <a
        class="dsp-copy-related-card"
        href="/service/full-colour-printing/">

        <span class="dsp-copy-related-card__label">
          Business print
        </span>

        <h3>
          Full Colour Printing
        </h3>

        <p>
          Flyers, brochures, business stationery, promotional material and
          other professionally produced full colour print requirements.
        </p>

        <span class="dsp-copy-related-card__link">
          Explore Full Colour
          <span
            class="dsp-copy-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- PLAN PRINTING -->

      <a
        class="dsp-copy-related-card"
        href="/service/plan-printing/">

        <span class="dsp-copy-related-card__label">
          Technical documents
        </span>

        <h3>
          Plan Printing
        </h3>

        <p>
          Printed plans and larger technical documents for construction,
          engineering, project and professional office requirements.
        </p>

        <span class="dsp-copy-related-card__link">
          Explore Plan Printing
          <span
            class="dsp-copy-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- DESIGN -->

      <a
        class="dsp-copy-related-card"
        href="/service/in-house-design/">

        <span class="dsp-copy-related-card__label">
          Artwork support
        </span>

        <h3>
          In-House Design
        </h3>

        <p>
          Practical design and artwork preparation where documents, layouts
          or other printed material need additional work before production.
        </p>

        <span class="dsp-copy-related-card__link">
          Explore Design Support
          <span
            class="dsp-copy-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


      <!-- LITHO PRINTING -->

      <a
        class="dsp-copy-related-card"
        href="/service/litho-printing/">

        <span class="dsp-copy-related-card__label">
          Commercial production
        </span>

        <h3>
          Litho Printing
        </h3>

        <p>
          An alternative production route for suitable commercial print jobs
          where the quantities and specification call for a different print method.
        </p>

        <span class="dsp-copy-related-card__link">
          Explore Litho Printing
          <span
            class="dsp-copy-related-card__arrow"
            aria-hidden="true">↗</span>
        </span>

      </a>


    </div>


    <!-- FOOTER -->

    <footer class="dsp-copy-related__footer">

      <p>
        Not sure which DSP service your job belongs under? Start with the
        finished result you need rather than the production method — the team
        can help direct the requirement from there.
      </p>

      <a
        class="dsp-copy-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-06c6fc5 elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="06c6fc5" 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-c4ef6b9 pbmit-bg-color-over-image" data-id="c4ef6b9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7761b09 elementor-widget elementor-widget-html" data-id="7761b09" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP COPY CENTRE PAGE — FAQ
   ========================================================= */

.dsp-copy-faq,
.dsp-copy-faq * {
  box-sizing: border-box;
}

.dsp-copy-faq {
  --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-copy-faq__inner {
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}

/* =========================================================
   HEADER
   ========================================================= */

.dsp-copy-faq__header {
  max-width: 860px;
  margin-bottom: 36px;
}

.dsp-copy-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-copy-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-copy-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-copy-faq__intro {
  max-width: 740px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 15px;
  line-height: 1.7;
}

/* =========================================================
   FAQ LIST
   ========================================================= */

.dsp-copy-faq__list {
  border-top: 1px solid var(--dsp-border);
}

.dsp-copy-faq details {
  border-bottom: 1px solid var(--dsp-border);
}

.dsp-copy-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-copy-faq summary::-webkit-details-marker {
  display: none;
}

.dsp-copy-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: #ffffff;
  color: var(--dsp-dark);

  font-size: 20px;
  font-weight: 500;
  line-height: 1;

  transition:
    background-color 180ms ease,
    color 180ms ease;
}

.dsp-copy-faq details[open] summary::after {
  content: "−";

  background: var(--dsp-dark);
  color: #ffffff;
}

.dsp-copy-faq__answer {
  max-width: 880px;
  padding: 0 52px 25px 0;
}

.dsp-copy-faq__answer p {
  margin: 0;

  color: var(--dsp-muted);

  font-size: 14px;
  line-height: 1.72;
}

/* =========================================================
   FOOTER
   ========================================================= */

.dsp-copy-faq__footer {
  margin-top: 34px;
  padding: 25px 27px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;

  border: 1px solid var(--dsp-border);
  border-radius: 18px;

  background: #ffffff;
}

.dsp-copy-faq__footer p {
  max-width: 700px;
  margin: 0;

  color: var(--dsp-muted);

  font-size: 13px;
  line-height: 1.6;
}

.dsp-copy-faq__footer strong {
  color: var(--dsp-dark);
}

.dsp-copy-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-copy-faq__link:hover,
.dsp-copy-faq__link:focus-visible {
  color: var(--dsp-cyan);
  text-decoration: none;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-copy-faq {
    padding: 60px 0;
  }

  .dsp-copy-faq__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-copy-faq h2 {
    font-size: clamp(34px, 9.8vw, 45px);
  }

  .dsp-copy-faq__intro {
    font-size: 15px;
    line-height: 1.65;
  }

  .dsp-copy-faq summary {
    padding: 22px 45px 22px 0;
    font-size: 16px;
  }

  .dsp-copy-faq__answer {
    padding: 0 0 22px;
  }

  .dsp-copy-faq__footer {
    align-items: flex-start;
    flex-direction: column;

    padding: 23px 21px;
  }
}
</style>


<section
  class="dsp-copy-faq"
  aria-labelledby="dsp-copy-faq-title">

  <div class="dsp-copy-faq__inner">


    <!-- HEADER -->

    <header class="dsp-copy-faq__header">

      <div class="dsp-copy-faq__eyebrow">
        Copy Centre FAQs
      </div>

      <h2 id="dsp-copy-faq-title">
        Questions about everyday document and copy centre requirements
      </h2>

      <p class="dsp-copy-faq__intro">
        You do not need to know every print specification before getting in touch.
        Start with the document, quantity and finished result you need, and DSP
        can help clarify the remaining production details.
      </p>

    </header>


    <!-- FAQ LIST -->

    <div class="dsp-copy-faq__list">


      <!-- FAQ 1 -->

      <details>

        <summary>
          What should I send when requesting document printing or copying?
        </summary>

        <div class="dsp-copy-faq__answer">

          <p>
            Send or bring the document or original material together with the
            approximate quantity, required size or format and the date you need
            the job. If you are unsure about the remaining specifications, DSP
            can help work through them.
          </p>

        </div>

      </details>


      <!-- FAQ 2 -->

      <details>

        <summary>
          Can DSP help if I am not sure how the document should be produced?
        </summary>

        <div class="dsp-copy-faq__answer">

          <p>
            Yes. Explain what the finished material will be used for and the
            result you need. DSP can help assess whether the job suits the Copy
            Centre or whether another in-house print service would be more
            appropriate.
          </p>

        </div>

      </details>


      <!-- FAQ 3 -->

      <details>

        <summary>
          Can the Copy Centre help with presentation and meeting material?
        </summary>

        <div class="dsp-copy-faq__answer">

          <p>
            Yes. The Copy Centre can support practical document requirements
            for meetings, proposals, presentations, information packs, training
            material and other everyday business communication.
          </p>

        </div>

      </details>


      <!-- FAQ 4 -->

      <details>

        <summary>
          What if my documents need design or layout changes before printing?
        </summary>

        <div class="dsp-copy-faq__answer">

          <p>
            DSP also provides in-house design and artwork support. Where a file
            needs adjustment, layout work or preparation before production, the
            requirement can be assessed alongside the printing job.
          </p>

        </div>

      </details>


    </div>


    <!-- FOOTER -->

    <div class="dsp-copy-faq__footer">

      <p>
        <strong>Have a document but are not sure where to start?</strong>
        Send or bring what you have and explain the finished result you need.
      </p>

      <a
        class="dsp-copy-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-5cce90c elementor-section-full_width pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default" data-id="5cce90c" 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-2139c1d pbmit-bg-color-over-image" data-id="2139c1d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4b408dd elementor-widget elementor-widget-html" data-id="4b408dd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
/* =========================================================
   DSP COPY CENTRE PAGE — FINAL CTA
   CONTAINED DARK CTA ON LIGHT BACKGROUND
   ========================================================= */

.dsp-copy-final-cta,
.dsp-copy-final-cta * {
  box-sizing: border-box;
}


/* =========================================================
   FULL-WIDTH LIGHT OUTER SECTION
   ========================================================= */

.dsp-copy-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-copy-final-cta__inner {
  width: min(100% - 48px, 1480px);
  margin-inline: auto;
}


/* =========================================================
   CONTAINED DARK PANEL
   ========================================================= */

.dsp-copy-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-copy-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-copy-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-copy-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-copy-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-copy-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-copy-final-cta__copy {
  max-width: 790px;

  margin: 0;

  color: var(--dsp-muted);

  font-size: 16px;
  line-height: 1.72;
}


/* =========================================================
   ACTION PANEL
   ========================================================= */

.dsp-copy-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-copy-final-cta__panel-heading {
  margin: 0 0 8px;

  color: #ffffff;

  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}


.dsp-copy-final-cta__panel-copy {
  margin: 0 0 22px;

  color: rgba(255,255,255,.62);

  font-size: 14px;
  line-height: 1.6;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dsp-copy-final-cta__buttons {
  display: grid;
  grid-template-columns: 1fr;

  gap: 10px;
}


.dsp-copy-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-copy-final-cta__button:hover,
.dsp-copy-final-cta__button:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}


/* Primary */

.dsp-copy-final-cta__button--primary {
  background: var(--dsp-yellow);
  border-color: var(--dsp-yellow);
  color: #171717;
}

.dsp-copy-final-cta__button--primary:hover,
.dsp-copy-final-cta__button--primary:focus-visible {
  background: #ffffff;
  border-color: #ffffff;
  color: #171717;
}


/* Secondary */

.dsp-copy-final-cta__button--secondary {
  background: transparent;

  border-color: rgba(255,255,255,.48);

  color: #ffffff;
}

.dsp-copy-final-cta__button--secondary:hover,
.dsp-copy-final-cta__button--secondary:focus-visible {
  background: rgba(255,255,255,.08);

  border-color: #ffffff;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

  .dsp-copy-final-cta__main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .dsp-copy-final-cta__panel {
    width: 100%;
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .dsp-copy-final-cta {
    padding: 54px 0;
  }

  .dsp-copy-final-cta__inner {
    width: min(100% - 30px, 600px);
  }

  .dsp-copy-final-cta__shell {
    padding:
      48px 24px
      26px;

    border-radius: 22px;
  }

  .dsp-copy-final-cta__main {
    gap: 34px;
  }

  .dsp-copy-final-cta h2 {
    font-size: clamp(35px, 10vw, 47px);
  }

  .dsp-copy-final-cta__copy {
    font-size: 15px;
    line-height: 1.66;
  }

  .dsp-copy-final-cta__panel {
    padding: 24px 21px;

    border-radius: 18px;
  }

  .dsp-copy-final-cta__button {
    min-height: 53px;
  }
}
</style>


<section
  class="dsp-copy-final-cta"
  aria-labelledby="dsp-copy-final-cta-title"
>

  <div class="dsp-copy-final-cta__inner">

    <div class="dsp-copy-final-cta__shell">

      <div class="dsp-copy-final-cta__main">


        <!-- COPY -->

        <div class="dsp-copy-final-cta__content">

          <div class="dsp-copy-final-cta__eyebrow">
            Start your Copy Centre enquiry
          </div>

          <h2 id="dsp-copy-final-cta-title">
            Have documents or business material that need to be produced?
          </h2>

          <p class="dsp-copy-final-cta__copy">
            Send or bring DSP the document or original material, approximate
            quantity, the finished result you need and the required date.
            If some of the production details are still unclear, the team can
            help work through them before the job moves forward.
          </p>

        </div>


        <!-- ACTION PANEL -->

        <aside
          class="dsp-copy-final-cta__panel"
          aria-label="Contact Dynamic Signs and Print Copy Centre"
        >

          <h3 class="dsp-copy-final-cta__panel-heading">
            Have documents ready to produce?
          </h3>

          <p class="dsp-copy-final-cta__panel-copy">
            Share the document or original material, quantity, required
            finished result and timing so DSP can assess the requirement.
          </p>

          <div class="dsp-copy-final-cta__buttons">

            <a
              class="
                dsp-copy-final-cta__button
                dsp-copy-final-cta__button--primary
              "
              href="/contact-us/"
            >
              Contact DSP
              <span aria-hidden="true">↗</span>
            </a>

            <a
              class="
                dsp-copy-final-cta__button
                dsp-copy-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>
