> ## Documentation Index
> Fetch the complete documentation index at: https://developers.argosidentity.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Face ID Demo

> Interactive demo guide for Face ID services

Welcome to the Face Id Demo Guide! We've designed this guide to help you get the most out of our advanced FACE ID services. Whether you're just starting out or exploring new features, this guide will make your experience smooth and straightforward. Let's get started.

<Divider />

## Quick Start Guide

<Steps>
  <Step title="Click Start Demo">
    <a href="https://demo-face.argosidentity.com/" target="_blank" className="card-anchor">
      <div className="card-box" style={{ width: '60%', minWidth: '540px' }}>
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" className="icon-style" xmlns="http://www.w3.org/2000/svg">
          <g clipPath="url(#clip0_2631_4599)">
            <path d="M19 0.999847H5C3.67441 1.00144 2.40356 1.52873 1.46622 2.46607C0.528882 3.40341 0.00158786 4.67425 0 5.99985L0 13.9998C0.00158786 15.3254 0.528882 16.5963 1.46622 17.5336C2.40356 18.471 3.67441 18.9983 5 18.9998H11V20.9998H7C6.73478 20.9998 6.48043 21.1052 6.29289 21.2927C6.10536 21.4803 6 21.7346 6 21.9998C6 22.2651 6.10536 22.5194 6.29289 22.707C6.48043 22.8945 6.73478 22.9998 7 22.9998H17C17.2652 22.9998 17.5196 22.8945 17.7071 22.707C17.8946 22.5194 18 22.2651 18 21.9998C18 21.7346 17.8946 21.4803 17.7071 21.2927C17.5196 21.1052 17.2652 20.9998 17 20.9998H13V18.9998H19C20.3256 18.9983 21.5964 18.471 22.5338 17.5336C23.4711 16.5963 23.9984 15.3254 24 13.9998V5.99985C23.9984 4.67425 23.4711 3.40341 22.5338 2.46607C21.5964 1.52873 20.3256 1.00144 19 0.999847ZM5 2.99985H19C19.7956 2.99985 20.5587 3.31592 21.1213 3.87853C21.6839 4.44114 22 5.2042 22 5.99985V12.9998H2V5.99985C2 5.2042 2.31607 4.44114 2.87868 3.87853C3.44129 3.31592 4.20435 2.99985 5 2.99985ZM19 16.9998H5C4.38174 16.9973 3.77937 16.8038 3.2753 16.4458C2.77123 16.0878 2.39008 15.5828 2.184 14.9998H21.816C21.6099 15.5828 21.2288 16.0878 20.7247 16.4458C20.2206 16.8038 19.6183 16.9973 19 16.9998Z" fill="#374957" />
          </g>

          <defs>
            <clipPath id="clip0_2631_4599">
              <rect width="24" height="24" fill="white" />
            </clipPath>
          </defs>
        </svg>

        <div>
          <p className="slate-p" />

          <h3 className="slate-h3">Start Demo</h3>
        </div>
      </div>
    </a>
  </Step>

  <Step title="Entering Your Collection ID and API Key">
    <Callout type="success">
      To access ARGOS FACE ID demo services, please input the Collection ID and API Key that were provided to you. These credentials are essential for authenticating your requests and ensuring secure access to the system. If you have not received these, please contact ARGOS support for assistance.
    </Callout>

    <a href="https://tally.so/r/wg946l" target="_blank" className="card-anchor">
      <div className="card-box" style={{ width: '60%', minWidth: '540px' }}>
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" className="icon-style" xmlns="http://www.w3.org/2000/svg">
          <g clipPath="url(#clip0_2631_4660)">
            <path d="M19.535 3.12205L17.879 1.46405C17.4157 0.998363 16.8646 0.629189 16.2576 0.377895C15.6507 0.1266 14.9999 -0.00182547 14.343 5.0783e-05H8C6.67441 0.00163864 5.40356 0.528933 4.46622 1.46627C3.52888 2.40361 3.00159 3.67446 3 5.00005V19.0001C3.00159 20.3256 3.52888 21.5965 4.46622 22.5338C5.40356 23.4712 6.67441 23.9985 8 24.0001H16C17.3256 23.9985 18.5964 23.4712 19.5338 22.5338C20.4711 21.5965 20.9984 20.3256 21 19.0001V6.65705C21.0016 6.00024 20.873 5.34962 20.6215 4.74284C20.37 4.13607 20.0007 3.58518 19.535 3.12205ZM18.121 4.53605C18.2628 4.67737 18.3898 4.83285 18.5 5.00005H16V2.50005C16.1669 2.61137 16.3227 2.73863 16.465 2.88005L18.121 4.53605ZM19 19.0001C19 19.7957 18.6839 20.5588 18.1213 21.1214C17.5587 21.684 16.7956 22.0001 16 22.0001H8C7.20435 22.0001 6.44129 21.684 5.87868 21.1214C5.31607 20.5588 5 19.7957 5 19.0001V5.00005C5 4.2044 5.31607 3.44134 5.87868 2.87873C6.44129 2.31612 7.20435 2.00005 8 2.00005H14V5.00005C14 5.53048 14.2107 6.03919 14.5858 6.41427C14.9609 6.78934 15.4696 7.00005 16 7.00005H19V19.0001ZM16 9.00005C16.2652 9.00005 16.5196 9.10541 16.7071 9.29294C16.8946 9.48048 17 9.73484 17 10.0001C17 10.2653 16.8946 10.5196 16.7071 10.7072C16.5196 10.8947 16.2652 11.0001 16 11.0001H8C7.73478 11.0001 7.48043 10.8947 7.29289 10.7072C7.10536 10.5196 7 10.2653 7 10.0001C7 9.73484 7.10536 9.48048 7.29289 9.29294C7.48043 9.10541 7.73478 9.00005 8 9.00005H16ZM17 14.0001C17 14.2653 16.8946 14.5196 16.7071 14.7072C16.5196 14.8947 16.2652 15.0001 16 15.0001H8C7.73478 15.0001 7.48043 14.8947 7.29289 14.7072C7.10536 14.5196 7 14.2653 7 14.0001C7 13.7348 7.10536 13.4805 7.29289 13.2929C7.48043 13.1054 7.73478 13.0001 8 13.0001H16C16.2652 13.0001 16.5196 13.1054 16.7071 13.2929C16.8946 13.4805 17 13.7348 17 14.0001ZM16.808 17.4131C16.9634 17.6269 17.0279 17.8936 16.9872 18.1548C16.9466 18.4161 16.8041 18.6506 16.591 18.8071C15.5778 19.529 14.3778 19.9433 13.135 20.0001C12.4089 19.9966 11.7048 19.7501 11.135 19.3001C10.807 19.0751 10.682 19.0001 10.435 19.0001C9.76643 19.1035 9.13562 19.3769 8.603 19.7941C8.39175 19.9446 8.13024 20.0072 7.87369 19.9686C7.61715 19.93 7.38565 19.7932 7.22808 19.5871C7.07052 19.381 6.99922 19.1217 7.02925 18.864C7.05927 18.6063 7.18827 18.3704 7.389 18.2061C8.27018 17.522 9.32828 17.1036 10.439 17.0001C11.1051 17.0107 11.7491 17.2409 12.271 17.6551C12.5089 17.869 12.8152 17.9913 13.135 18.0001C13.9527 17.9388 14.739 17.6594 15.412 17.1911C15.6266 17.0355 15.8942 16.9715 16.1559 17.0131C16.4177 17.0548 16.6522 17.1986 16.808 17.4131Z" fill="#374957" />
          </g>

          <defs>
            <clipPath id="clip0_2631_4660">
              <rect width="24" height="24" fill="white" />
            </clipPath>
          </defs>
        </svg>

        <div>
          <p className="slate-p" />

          <h3 className="slate-h3">Request Collection Id & API key here</h3>
        </div>
      </div>
    </a>
  </Step>

  <Step title="Add Face Id">
    <Steps>
      <Step title="Enter your name">
        Enter your name in Username Input Field
      </Step>

      <Step title="Capture face image">
        Use your device's camera to capture the face image you wish to add, then click the 'Capture' button.
      </Step>

      <Step title="Add to Collection">
        Click "Save" to add your face image to the collection, or click "Recapture" to retake the photo.
      </Step>

      <Step title="Storing your face in the collection">
        <Warning>
          Be sure to keep track of your faceId and associated name, as you'll need these to search for or delete your face ID in the future.
        </Warning>

        Once your face is added and stored in a collection, the system will return a JSON object with the following details:

        ```json theme={null}
        {
          "message": "success",
          "faceId": "{{faceId}}",
          "metaFaceID": "{{metaFaceId}}"
        }
        ```
      </Step>
    </Steps>
  </Step>

  <Step title="Search Face">
    <Steps>
      <Step title="Enter request name">
        Input the name of the individual whose face you want to search.
      </Step>

      <Step title="Capture Face ID">
        Capture the face image associated with the face ID you wish to use for the search.
      </Step>

      <Step title="Processing a Face Search Request">
        After entering the request name and capturing a face, the system will process the query and return a JSON object containing the following details:

        ```json theme={null}
        {
          "message": "success",
          "searchId": "{{searchId}}",
          "requestName": "{{requestName}}",
          "faceIdList": [
            "{{faceId1}}",
            "{{faceId2}}",
            "{{faceId3}}"
          ]
        }
        ```
      </Step>
    </Steps>
  </Step>

  <Step title="Delete Face">
    <p>Enter the face ID you were provided when you added your face in steps 3-4. Click the "Delete Face ID" button to remove that face from your collection. Once confirmed, the face will be successfully deleted from your records.</p>
  </Step>
</Steps>

<Divider />

<Callout attributes="{&#x22;isFitToPage&#x22;:true,&#x22;dataType&#x22;:&#x22;info&#x22;,&#x22;style&#x22;:{&#x22;width&#x22;:&#x22;100%&#x22;,&#x22;minWidth&#x22;:&#x22;100%&#x22;}}" />
