> ## Documentation Index
> Fetch the complete documentation index at: https://docs.didx.co.za/llms.txt
> Use this file to discover all available pages before exploring further.

# DIDx Developer Docs

> Innovative solutions for trusted identity, payments, and interactions, the building blocks to build your business.

<div style={{ textAlign: "center", padding: "64px 24px 48px" }}>
  <h1
    style={{
  fontSize: "2.75rem",
  fontWeight: 700,
  marginBottom: "1rem",
  letterSpacing: "-0.02em",
}}
  >
    Products Overview
  </h1>

  <p
    style={{
  fontSize: "1.125rem",
  color: "var(--colors-content-secondary)",
  maxWidth: "520px",
  margin: "0 auto",
  lineHeight: 1.6,
}}
  >
    Innovative solutions for trusted identity, payments, and interactions, the building blocks to build your business.
  </p>
</div>

<div style={{display: "grid", gridTemplateColumns: "repeat(2, 1fr)", gap: "24px", maxWidth: "860px", margin: "0 auto", padding: "0 24px 64px"}}>
  <a
    href="/products/didx-verify/getting-started/introduction"
    style={{
textDecoration: "none",
borderRadius: "12px",
overflow: "hidden",
border: "1px solid var(--colors-border-default)",
display: "flex",
flexDirection: "column",
transition: "box-shadow 0.2s",
}}
  >
    <div
      style={{
  background: "linear-gradient(135deg, #F14C2E 0%, #ff8c6b 100%)",
  padding: "40px 32px",
  display: "flex",
  flexDirection: "column",
  alignItems: "flex-start",
  gap: "16px",
  minHeight: "180px",
  justifyContent: "flex-end",
}}
    >
      <div
        style={{
    background: "rgba(255,255,255,0.2)",
    borderRadius: "10px",
    width: "48px",
    height: "48px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    fontSize: "24px",
  }}
      >
        🛡️
      </div>

      <span
        style={{
    fontFamily: "monospace",
    fontSize: "0.75rem",
    color: "rgba(255,255,255,0.8)",
    letterSpacing: "0.08em",
    textTransform: "uppercase",
    fontWeight: 600,
  }}
      >
        didx:verify
      </span>
    </div>

    <div
      style={{
  padding: "24px 28px 28px",
  background: "var(--colors-background-default)",
  flexGrow: 1,
}}
    >
      <h3
        style={{
    fontSize: "1.125rem",
    fontWeight: 600,
    marginBottom: "8px",
    marginTop: 0,
    color: "var(--colors-content-primary)",
  }}
      >
        Verification that Meets You Where You Are
      </h3>

      <p
        style={{
    fontSize: "0.9rem",
    color: "var(--colors-content-secondary)",
    lineHeight: 1.6,
    margin: 0,
  }}
      >
        An orchestration layer for identity verification. You define what must be verified. We determine how, using the
        right providers for accuracy, speed, and cost. Verify once. Reuse everywhere.
      </p>
    </div>
  </a>

  <a
    href="/products/didx-me/getting-started/welcome"
    style={{
textDecoration: "none",
borderRadius: "12px",
overflow: "hidden",
border: "1px solid var(--colors-border-default)",
display: "flex",
flexDirection: "column",
transition: "box-shadow 0.2s",
}}
  >
    <div
      style={{
  background: "linear-gradient(135deg, #451B76 0%, #7b3fb5 100%)",
  padding: "40px 32px",
  display: "flex",
  flexDirection: "column",
  alignItems: "flex-start",
  gap: "16px",
  minHeight: "180px",
  justifyContent: "flex-end",
}}
    >
      <div
        style={{
    background: "rgba(255,255,255,0.2)",
    borderRadius: "10px",
    width: "48px",
    height: "48px",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    fontSize: "24px",
  }}
      >
        🪪
      </div>

      <span
        style={{
    fontFamily: "monospace",
    fontSize: "0.75rem",
    color: "rgba(255,255,255,0.8)",
    letterSpacing: "0.08em",
    textTransform: "uppercase",
    fontWeight: 600,
  }}
      >
        didx:me
      </span>
    </div>

    <div
      style={{
  padding: "24px 28px 28px",
  background: "var(--colors-background-default)",
  flexGrow: 1,
}}
    >
      <h3
        style={{
    fontSize: "1.125rem",
    fontWeight: 600,
    marginBottom: "8px",
    marginTop: 0,
    color: "var(--colors-content-primary)",
  }}
      >
        From Verification to Credentials. Reusable Digital Identity.
      </h3>

      <p
        style={{
    fontSize: "0.9rem",
    color: "var(--colors-content-secondary)",
    lineHeight: 1.6,
    margin: 0,
  }}
      >
        Credential infrastructure that lets you issue, store, and verify reusable digital credentials while reducing PII
        liability. Customers control what they share. Businesses verify without storing.
      </p>
    </div>
  </a>
</div>