<?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>Design Services &#8211; DSP</title>
	<atom:link href="https://dynamicsp.co.za/service-category/design-services/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:14:39 +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>Design Services &#8211; DSP</title>
	<link>https://dynamicsp.co.za</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>In-House Design</title>
		<link>https://dynamicsp.co.za/service/in-house-design/</link>
		
		<dc:creator><![CDATA[siya1489]]></dc:creator>
		<pubDate>Tue, 19 Dec 2023 01:18:34 +0000</pubDate>
				<guid isPermaLink="false">https://34609e326d14.xneelosites.com/?post_type=pbmit-service&#038;p=5615</guid>

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