<?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>Promotional Items &#8211; DSP</title>
	<atom:link href="https://dynamicsp.co.za/service-category/promotional-items/feed/" rel="self" type="application/rss+xml" />
	<link>https://dynamicsp.co.za</link>
	<description>Dynamic Signs and Print</description>
	<lastBuildDate>Wed, 19 Aug 2026 07:32:37 +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>Promotional Items &#8211; DSP</title>
	<link>https://dynamicsp.co.za</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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>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>
	</channel>
</rss>
