Banner

This is our way of giving back. At ZIA, we believe that great workplaces are built on practical tools, not just theory. Here you’ll find interactive resources we’ve developed—and actually use—with leaders and teams to improve connection, clarity, and culture in the modern workplace.

✨ Start with our Conflict Resolution Tool, built around our LAB Methodology™ to help teams move through tension with purpose.

And this is just the beginning! Check back often as we continue adding new tools to support you, your team, and the way you work.

Resources

Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>ZIA LAB Method</title>

  
  <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@400;700&family=Hanken+Grotesk:wght@400;600&display=swap" rel="stylesheet" />

  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>

  <style>
    * {
      box-sizing: border-box; /* Ensure consistent sizing */
    }

    html, body {
      margin: 0;
      padding: 0;
      width: 100% !important; /* Override iframe constraints */
      min-height: 100vh; /* Full viewport height */
      font-family: 'Hanken Grotesk', sans-serif;
      background-color: #ffffff;
      color: #111;
      display: flex;
      flex-direction: column;
      align-items: center; /* Center content horizontally */
    }

    #labTool {
      width: 100% !important; /* Full width of parent container */
      padding: 10px; /* Reduced padding for wider content */
      box-sizing: border-box;
    }

    h1, h2, h3 {
      font-family: 'Noto Serif Display', serif;
      color: #000;
    }

    button.toggle,
    .download-btn,
    .pdf-btn {
      background-color: #000;
      color: #fff;
      border: none;
      padding: 12px 20px;
      margin-top: 20px;
      border-radius: 12px;
      cursor: pointer;
      font-weight: 600;
    }

    .step {
      margin-top: 40px;
      padding: 20px;
      border: 1px solid #ddd;
      border-radius: 12px;
      background-color: #f9f9f9;
    }

    .step[hidden] {
      display: none;
    }

    label {
      font-weight: 600;
      display: block;
      margin-top: 20px;
    }

    textarea, input[type="text"] {
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 8px;
      margin-top: 8px;
      font-size: 14px;
    }

    .checkbox-group {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
    }

    .checkbox-group label {
      background-color: #e5e5e5;
      padding: 8px 12px;
      border-radius: 20px;
      cursor: pointer;
    }

    .bonus {
      background-color: #f1f1f1;
      border-left: 5px solid #000;
      padding: 20px;
      margin-top: 40px;
      border-radius: 12px;
    }

    .button-row {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 30px;
    }

    .no-print {
      display: block;
    }

    @media print {
      .no-print {
        display: none;
      }
    }

    /* Responsive adjustments for smaller screens */
    @media (max-width: 768px) {
      #labTool {
        padding: 5px; /* Even less padding on mobile */
      }
      h1 {
        font-size: 1.6rem; /* Smaller heading for mobile */
      }
      textarea, input[type="text"] {
        font-size: 12px; /* Smaller font for mobile */
      }
    }
  </style>
</head>

<body>
  <div id="labTool">
    <h1>The LAB Method™ Conflict Repair Tool</h1>
    <p>A ZIA-powered framework to transform tension into trust.</p>
    <p>When tension rises, don’t shut down — LAB it out. Use our ZIA LAB Method™ to turn conflict into clarity, cohesion, and leadership maturity.</p>

    <div class="button-row no-print">
      <button class="pdf-btn" onclick="downloadPDF()">📄 Export My Responses to PDF</button>
    </div>

    
    <button class="toggle no-print" onclick="toggleStep('step1')">🧠 Step 1: Learn from Leadership</button>
    <div id="step1" class="step" hidden>
      <p>Zoom out. Learn from what the conflict is showing you — not just what’s being said.</p>
      <label>What just happened, and what does it reveal?</label>
      <textarea rows="2"></textarea>
      <label>Where did leadership show up — or fall short?</label>
      <textarea rows="2"></textarea>
      <label>What pressure or pattern shaped the behavior?</label>
      <textarea rows="2"></textarea>
      <label>What leadership behavior could have changed the outcome?</label>
      <textarea rows="2"></textarea>
      <p><em>Facilitator Tip: Start with "story, not shame." Invite each voice without blame.</em></p>
    </div>

    
    <button class="toggle no-print" onclick="toggleStep('step2')">❤️ Step 2: Assess Attachment</button>
    <div id="step2" class="step" hidden>
      <p>Get under the hood. What fear, need, or story is driving behavior?</p>
      <label>What identity or dynamic may be influencing this?</label>
      <textarea rows="2"></textarea>
      <label>What story did I tell myself — and is it true?</label>
      <textarea rows="2"></textarea>
      <label>What were we each attached to?</label>
      <textarea rows="2"></textarea>
      <label>How did this trigger past wounds or biases?</label>
      <textarea rows="2"></textarea>

      <p><strong>Attachment Audit:</strong> In this situation, I was attached to...</p>
      <div class="checkbox-group">
        <label><input type="checkbox" /> Being right</label>
        <label><input type="checkbox" /> Being seen as capable</label>
        <label><input type="checkbox" /> Avoiding conflict</label>
        <label><input type="checkbox" /> Not being blamed</label>
        <label><input type="checkbox" /> Maintaining control</label>
      </div>

      <p><em>Facilitator Tip: Let people name their attachment without judgment.</em></p>
    </div>

    
    <button class="toggle no-print" onclick="toggleStep('step3')">🧱 Step 3: Build the Behavior</button>
    <div id="step3" class="step" hidden>
      <p>Design what comes next. Make it tangible, trackable, and co-owned.</p>
      <label>What do we need to name, shift, or agree to?</label>
      <textarea rows="2"></textarea>
      <label>What new behavior would create safety?</label>
      <textarea rows="2"></textarea>
      <label>How do we embed this into our systems?</label>
      <textarea rows="2"></textarea>

      <h4>📝 Build the Behavior Agreement:</h4>
      <label>From now on, when ______ happens, we will ______.</label>
      <input type="text" />
      <label>We will revisit this agreement on ______.</label>
      <input type="text" />
      <label>If tension rises again, our signal is:</label>
      <input type="text" />

      <p><em>Facilitator Tip: Avoid vague commitments. Anchor to observable actions.</em></p>
    </div>

    
    <div class="bonus">
      <h2>⚡ BONUS: Post-Mortem Prompt</h2>
      <p>After a blow-up or breakdown:</p>
      <ul>
        <li>What did we learn from how we navigated this?</li>
        <li>What did we uncover about our attachments?</li>
        <li>What specific behavior will now become our new standard?</li>
      </ul>
    </div>
  </div>

  <script>
    function toggleStep(id) {
      const section = document.getElementById(id);
      section.hidden = !section.hidden;
    }

    function downloadPDF() {
      const element = document.getElementById('labTool');
      const opt = {
        margin: 0.5,
        filename: 'ZIA_LAB_Method_Tool.pdf',
        image: { type: 'jpeg', quality: 0.98 },
        html2canvas: { scale: 2 },
        jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait' }
      };
      html2pdf().set(opt).from(element).save();
    }
  </script>
</body>
</html>

ZIA is a team that helps leaders and companies grow the right way.
We use psychology to teach people how to lead with care, build strong teams,
and create workplaces where everyone can do their best.