Student ID Credential

A verifiable credential representing a student identification card. This credential demonstrates SVG template rendering with claim placeholders and multi-language support.

https://example.com/credentials/student-id

Credential Template Preview

SVG credential template

Display Properties

Default

Source

Repository
leifj/vctm-template
Commit
66ba00f157b785126fb3bcc7175fcf7314ef3bef
Last Updated
2026-02-22T20:22:00Z

Claims (8)

Path Display Name
student_id
institution
program
valid_from
valid_until
photo
given_name
family_name

SD-JWT VC Type Metadata (IETF draft-ietf-oauth-sd-jwt-vc)

{
  "claims": [
    {
      "description": "Unique student identification number",
      "display": [
        {
          "label": "Student ID",
          "lang": "en"
        }
      ],
      "path": [
        "student_id"
      ],
      "svg_id": "student_id"
    },
    {
      "description": "Name of the educational institution",
      "display": [
        {
          "label": "Institution",
          "lang": "en"
        }
      ],
      "path": [
        "institution"
      ],
      "svg_id": "institution"
    },
    {
      "description": "Academic program or major",
      "display": [
        {
          "label": "Academic Program",
          "lang": "en"
        }
      ],
      "path": [
        "program"
      ],
      "svg_id": "program"
    },
    {
      "description": "Start date of validity",
      "display": [
        {
          "label": "Valid From",
          "lang": "en"
        }
      ],
      "path": [
        "valid_from"
      ]
    },
    {
      "description": "Expiration date of the credential",
      "display": [
        {
          "label": "Valid Until",
          "lang": "en"
        }
      ],
      "path": [
        "valid_until"
      ],
      "svg_id": "valid_until"
    },
    {
      "description": "Student photo",
      "display": [
        {
          "label": "Photo",
          "lang": "en"
        }
      ],
      "path": [
        "photo"
      ],
      "sd": "always"
    },
    {
      "description": "Student's given name",
      "display": [
        {
          "label": "Given Name",
          "lang": "en"
        }
      ],
      "path": [
        "given_name"
      ],
      "svg_id": "given_name"
    },
    {
      "description": "Student's family name",
      "display": [
        {
          "label": "Family Name",
          "lang": "en"
        }
      ],
      "path": [
        "family_name"
      ],
      "svg_id": "family_name"
    }
  ],
  "description": "A verifiable credential representing a student identification card. This credential demonstrates SVG template rendering with claim placeholders and multi-language support.",
  "display": [
    {
      "rendering": {
        "simple": {
          "background_color": "#0047AB",
          "text_color": "#ffffff"
        },
        "svg_templates": [
          {
            "uri": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMjUwIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjI1MCI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImNhcmRHcmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDQ3QUIiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMDAyRDZEIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGZpbHRlciBpZD0ic2hhZG93IiB4PSItMTAlIiB5PSItMTAlIiB3aWR0aD0iMTIwJSIgaGVpZ2h0PSIxMjAlIj4KICAgICAgPGZlRHJvcFNoYWRvdyBkeD0iMiIgZHk9IjQiIHN0ZERldmlhdGlvbj0iNCIgZmxvb2Qtb3BhY2l0eT0iMC4zIi8+CiAgICA8L2ZpbHRlcj4KICA8L2RlZnM+CiAgCiAgPCEtLSBDYXJkIGJhY2tncm91bmQgLS0+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNTAiIHJ4PSIxNiIgcnk9IjE2IiBmaWxsPSJ1cmwoI2NhcmRHcmFkaWVudCkiIGZpbHRlcj0idXJsKCNzaGFkb3cpIi8+CiAgCiAgPCEtLSBIZWFkZXIgc3RyaXBlIC0tPgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI0MDAiIGhlaWdodD0iNjAiIHJ4PSIxNiIgcnk9IjE2IiBmaWxsPSIjMDAzMzgwIi8+CiAgPHJlY3QgeD0iMCIgeT0iMzAiIHdpZHRoPSI0MDAiIGhlaWdodD0iMzAiIGZpbGw9IiMwMDMzODAiLz4KICAKICA8IS0tIEluc3RpdHV0aW9uIG5hbWUgcGxhY2Vob2xkZXIgLS0+CiAgPHRleHQgaWQ9Imluc3RpdHV0aW9uIiB4PSIyMDAiIHk9IjQwIiBmaWxsPSJ3aGl0ZSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iYm9sZCIgdGV4dC1hbmNob3I9Im1pZGRsZSI+VW5pdmVyc2l0eSBOYW1lPC90ZXh0PgogIAogIDwhLS0gU3R1ZGVudCBJRCBDYXJkIGxhYmVsIC0tPgogIDx0ZXh0IHg9IjIwMCIgeT0iODAiIGZpbGw9IndoaXRlIiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSJub3JtYWwiIHRleHQtYW5jaG9yPSJtaWRkbGUiIG9wYWNpdHk9IjAuOCI+U1RVREVOVCBJREVOVElGSUNBVElPTiBDQVJEPC90ZXh0PgogIAogIDwhLS0gUGhvdG8gcGxhY2Vob2xkZXIgYXJlYSAtLT4KICA8cmVjdCB4PSIyNCIgeT0iMTAwIiB3aWR0aD0iODAiIGhlaWdodD0iMTAwIiByeD0iNCIgcnk9IjQiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjIiLz4KICA8dGV4dCB4PSI2NCIgeT0iMTU1IiBmaWxsPSJ3aGl0ZSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBvcGFjaXR5PSIwLjUiPlBIT1RPPC90ZXh0PgogIAogIDwhLS0gU3R1ZGVudCBuYW1lIHBsYWNlaG9sZGVycyAtLT4KICA8dGV4dCBpZD0iZ2l2ZW5fbmFtZSIgeD0iMTI0IiB5PSIxMjUiIGZpbGw9IndoaXRlIiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjAiIGZvbnQtd2VpZ2h0PSJib2xkIj5HaXZlbiBOYW1lPC90ZXh0PgogIDx0ZXh0IGlkPSJmYW1pbHlfbmFtZSIgeD0iMTI0IiB5PSIxNTAiIGZpbGw9IndoaXRlIiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjAiIGZvbnQtd2VpZ2h0PSJib2xkIj5GYW1pbHkgTmFtZTwvdGV4dD4KICAKICA8IS0tIFByb2dyYW0gcGxhY2Vob2xkZXIgLS0+CiAgPHRleHQgeD0iMTI0IiB5PSIxNzUiIGZpbGw9IndoaXRlIiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIG9wYWNpdHk9IjAuOCI+UHJvZ3JhbTo8L3RleHQ+CiAgPHRleHQgaWQ9InByb2dyYW0iIHg9IjE4MCIgeT0iMTc1IiBmaWxsPSJ3aGl0ZSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIj5BY2FkZW1pYyBQcm9ncmFtPC90ZXh0PgogIAogIDwhLS0gU3R1ZGVudCBJRCBzZWN0aW9uIC0tPgogIDx0ZXh0IHg9IjI0IiB5PSIyMjUiIGZpbGw9IndoaXRlIiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTAiIG9wYWNpdHk9IjAuNyI+U3R1ZGVudCBJRDo8L3RleHQ+CiAgPHRleHQgaWQ9InN0dWRlbnRfaWQiIHg9IjI0IiB5PSIyNDAiIGZpbGw9IndoaXRlIiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSJib2xkIj4wMDAwMDAwMDA8L3RleHQ+CiAgCiAgPCEtLSBWYWxpZGl0eSBzZWN0aW9uIC0tPgogIDx0ZXh0IHg9IjMwMCIgeT0iMjI1IiBmaWxsPSJ3aGl0ZSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEwIiB0ZXh0LWFuY2hvcj0iZW5kIiBvcGFjaXR5PSIwLjciPlZhbGlkIFVudGlsOjwvdGV4dD4KICA8dGV4dCBpZD0idmFsaWRfdW50aWwiIHg9IjMwMCIgeT0iMjQwIiBmaWxsPSJ3aGl0ZSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiB0ZXh0LWFuY2hvcj0iZW5kIj5ZWVlZLU1NLUREPC90ZXh0PgogIAogIDwhLS0gRGVjb3JhdGl2ZSBlbGVtZW50IC0tPgogIDxjaXJjbGUgY3g9IjM3MCIgY3k9IjIyMCIgcj0iMjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBvcGFjaXR5PSIwLjMiLz4KICA8Y2lyY2xlIGN4PSIzNzAiIGN5PSIyMjAiIHI9IjE0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIG9wYWNpdHk9IjAuMyIvPgo8L3N2Zz4K"
          }
        ]
      }
    }
  ],
  "name": "Student ID Credential",
  "vct": "https://example.com/credentials/student-id"
}

OpenID4VCI credential configuration for ISO 18013-5 mobile documents

{
  "format": "mso_mdoc",
  "doctype": "com.example.credentials.student-id",
  "display": [
    {
      "locale": "en-US",
      "name": "Student ID Credential",
      "description": "A verifiable credential representing a student identification card. This credential demonstrates SVG template rendering with claim placeholders and multi-language support.",
      "background_color": "#0047AB",
      "text_color": "#ffffff"
    }
  ],
  "claims": {
    "com.example.credentials.student-id": {
      "family_name": {
        "display": [
          {
            "locale": "en-US",
            "name": "Family Name"
          },
          {
            "locale": "sv",
            "name": "Efternamn"
          },
          {
            "locale": "de-DE",
            "name": "Familienname"
          }
        ],
        "mandatory": true,
        "value_type": "tstr"
      },
      "given_name": {
        "display": [
          {
            "locale": "en-US",
            "name": "Given Name"
          },
          {
            "locale": "de-DE",
            "name": "Vorname"
          },
          {
            "locale": "sv",
            "name": "Förnamn"
          }
        ],
        "mandatory": true,
        "value_type": "tstr"
      },
      "institution": {
        "display": [
          {
            "locale": "en-US",
            "name": "Institution"
          },
          {
            "locale": "de-DE",
            "name": "Bildungseinrichtung"
          },
          {
            "locale": "sv",
            "name": "Utbildningsinstitution"
          }
        ],
        "mandatory": true,
        "value_type": "tstr"
      },
      "photo": {
        "display": [
          {
            "locale": "en-US",
            "name": "Photo"
          }
        ],
        "value_type": "bstr"
      },
      "program": {
        "display": [
          {
            "locale": "en-US",
            "name": "Academic Program"
          },
          {
            "locale": "de-DE",
            "name": "Studiengang"
          },
          {
            "locale": "sv",
            "name": "Program"
          }
        ],
        "value_type": "tstr"
      },
      "student_id": {
        "display": [
          {
            "locale": "en-US",
            "name": "Student ID"
          },
          {
            "locale": "de-DE",
            "name": "Matrikelnummer"
          },
          {
            "locale": "sv",
            "name": "Studentnummer"
          }
        ],
        "mandatory": true,
        "value_type": "tstr"
      },
      "valid_from": {
        "display": [
          {
            "locale": "en-US",
            "name": "Valid From"
          }
        ],
        "mandatory": true,
        "value_type": "full-date"
      },
      "valid_until": {
        "display": [
          {
            "locale": "en-US",
            "name": "Valid Until"
          }
        ],
        "mandatory": true,
        "value_type": "full-date"
      }
    }
  }
}

W3C VCDM 2.0 JSON Schema

{
  "type": [
    "VerifiableCredential",
    "StudentIDCredential"
  ],
  "@context": [
    "https://www.w3.org/2018/credentials/v1",
    "https://raw.githubusercontent.com/leifj/vctm-template/vctm/contexts/student-id/v1"
  ],
  "name": "Student ID Credential",
  "description": "A verifiable credential representing a student identification card. This credential demonstrates SVG template rendering with claim placeholders and multi-language support.",
  "display": {
    "backgroundColor": "#0047AB",
    "textColor": "#ffffff"
  },
  "credentialSchema": {
    "type": "JsonSchema",
    "properties": {
      "credentialSubject": {
        "type": "object",
        "properties": {
          "family_name": {
            "type": "string",
            "title": "Family Name",
            "description": "Student's family name"
          },
          "given_name": {
            "type": "string",
            "title": "Given Name",
            "description": "Student's given name"
          },
          "institution": {
            "type": "string",
            "title": "Institution",
            "description": "Name of the educational institution"
          },
          "photo": {
            "type": "string",
            "title": "Photo",
            "description": "Student photo",
            "contentEncoding": "base64"
          },
          "program": {
            "type": "string",
            "title": "Academic Program",
            "description": "Academic program or major"
          },
          "student_id": {
            "type": "string",
            "title": "Student ID",
            "description": "Unique student identification number"
          },
          "valid_from": {
            "type": "string",
            "title": "Valid From",
            "description": "Start date of validity",
            "format": "date"
          },
          "valid_until": {
            "type": "string",
            "title": "Valid Until",
            "description": "Expiration date of the credential",
            "format": "date"
          }
        },
        "required": [
          "student_id",
          "institution",
          "valid_from",
          "valid_until",
          "given_name",
          "family_name"
        ]
      }
    }
  }
}