Modern Certificate

Landscape A4 certificate with minimal editorial styling: thin accent bar, generous whitespace, geometric corner marks (vector shapes), clean sans-serif typography, side-aligned signature block and compact credential strip. Contemporary alternative for bootcamps, workshops and modern programmes.

Edit it in the browser View PDF Check it with veraPDF

First page of the Modern Certificate template, rendered with its sample data — certificate-modern.pdfpage 1 of 1

DSL source

The whole template. Learn the language in the template DSL guide.

const template = doc({ size: { width: 842, height: 595 }, title: "{{title}} — {{recipientName}}", padding: [48, 56, 40, 56] },
  r({ "margin-bottom": 8 },
    col("60%",
      s({ "font-size": 8, "font-weight": 600, color: "#0f766e", "font-family": "Inter" }, "{{awardingBody}}"),
    ),
    col("40%", { align: "right" },
      s({ "font-size": 8, color: "#6b7280", "font-family": "Inter" }, "{{seal.year}}  ·  {{presentationLocation}}"),
    ),
  ),
  hr(0, "#0f766e"),
  gap(28),
  r(
    col("100%", { align: "center" },
      s({ "font-size": 10, "font-weight": 600, color: "#0f766e", "font-family": "Inter" }, "— {{title}} —"),
    ),
  ),
  gap(18),
  r(
    col("100%", { align: "center" },
      s({ "font-size": 9, color: "#6b7280", "font-family": "Inter" }, "This is to certify that"),
    ),
  ),
  gap(14),
  r(
    col("100%", { align: "center" },
      s({ "font-size": 22, "font-weight": 700, color: "#111827", "font-family": "NotoSans" }, "{{recipientName}}"),
    ),
  ),
  gap(6),
  r(
    col("100%", { align: "center" },
      s({ "font-size": 10, "font-style": "italic", color: "#0f766e", "font-family": "NotoSans" }, "awarded {{honor}}"),
    ),
  ),
  gap(16),
  r(
    col("15%"),
    col("70%", { align: "center" },
      s({ "font-size": 10, "line-height": 1.5, color: "#374151", "font-family": "Inter" }, "{{description}}"),
    ),
    col("15%"),
  ),
  gap(14),
  r(
    col("100%", { align: "center" },
      s({ "font-size": 9, color: "#6b7280", "font-family": "Inter" }, "Programme"),
    ),
  ),
  gap(3),
  r(
    col("100%", { align: "center" },
      s({ "font-size": 11, "font-weight": 600, color: "#111827", "font-family": "Inter" }, "{{programName}}"),
    ),
  ),
  gap(24),
  hr(0, "#e5e7eb"),
  gap(14),
  r(
    each("sig in signatories",
      col({ width: "28%", margin: [0, 6, 0, 6], align: "center" },
        s({ "font-size": 10, "font-weight": 600, color: "#111827", "font-family": "NotoSans" }, "{{sig.name}}"),
        gap(2),
        s({ "font-size": 8, color: "#6b7280", "font-family": "Inter" }, "{{sig.title}}"),
      ),
    ),
    col("16%", { align: "center" },
      s({ "font-size": 8, "font-weight": 600, color: "#0f766e", "font-family": "Inter" }, "{{seal.label}}"),
      gap(2),
      s({ "font-size": 7, "font-style": "italic", color: "#6b7280", "font-family": "NotoSans" }, "{{seal.motto}}"),
    ),
  ),
  gap(18),
  r(
    col("50%",
      s({ "font-size": 8, color: "#6b7280", "font-family": "Inter" }, "Issued {{date}} · {{presentationLocation}}"),
    ),
    col("50%", { align: "right" },
      s({ "font-size": 8, color: "#6b7280", "font-family": "Inter" }, "Credential ID: {{credentialId}}"),
    ),
  ),
  ftrPages("{{awardingBody}} · {{credentialId}}"),
);

const sampleData = {
  title: "Certificate of Achievement",
  recipientName: "Dr. Amara Osei-Bernstein",
  awardingBody: "The Cascadia Institute of Design Leadership",
  date: "18 April 2026",
  presentationLocation: "Seattle, Washington",
  programName: "Advanced Practice in Systems Design — 2026 Cohort",
  description: "In recognition of outstanding completion of the Advanced Practice in Systems Design programme, demonstrating exceptional scholarship, original research, and sustained contribution to the cohort community. This certificate is awarded with distinction for work that exemplifies the highest standards of the discipline.",
  credentialId: "CID-2026-AD-00417",
  honor: "with Distinction",
  signatories: [
    { name: "Professor Ingrid Halvorsen", title: "Dean of Faculty" },
    { name: "Marcus R. Chen", title: "Programme Director" },
    { name: "Dr. Priya Raman-Whitfield", title: "Chair of Examiners" },
  ],
  seal: {
    label: "Official Seal",
    motto: "Per Studium ad Excellentiam",
    year: "Est. 1947",
  },
};

Sample data

json

{
  "title": "Certificate of Achievement",
  "recipientName": "Dr. Amara Osei-Bernstein",
  "awardingBody": "The Cascadia Institute of Design Leadership",
  "date": "18 April 2026",
  "presentationLocation": "Seattle, Washington",
  "programName": "Advanced Practice in Systems Design — 2026 Cohort",
  "description": "In recognition of outstanding completion of the Advanced Practice in Systems Design programme, demonstrating exceptional scholarship, original research, and sustained contribution to the cohort community. This certificate is awarded with distinction for work that exemplifies the highest standards of the discipline.",
  "credentialId": "CID-2026-AD-00417",
  "honor": "with Distinction",
  "signatories": [
    {
      "name": "Professor Ingrid Halvorsen",
      "title": "Dean of Faculty"
    },
    {
      "name": "Marcus R. Chen",
      "title": "Programme Director"
    },
    {
      "name": "Dr. Priya Raman-Whitfield",
      "title": "Chair of Examiners"
    }
  ],
  "seal": {
    "label": "Official Seal",
    "motto": "Per Studium ad Excellentiam",
    "year": "Est. 1947"
  }
}

Render it with your data

Any API key can render this template by its ID. This call uses the sample data; add a data object to use your own. See the API reference.

bash

curl -X POST https://makespdf.com/api/v1/render \
  -H "Authorization: Bearer $MAKESPDF_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"templateId": "certificate-modern"}' \
  -o output.pdf