Skip to main content

Technical requirements for custom certificate design in Academy

Here you can find all the necessary information for designing custom certificates in AcademyOcean.

Anastasiia avatar
Written by Anastasiia
Updated over 3 months ago

This article aims to help set tasks for designers who will work with materials for academies.

If you have any questions, please don’t hesitate to contact us – we will be happy to assist you!

🔧 Main Technical Requirements

Parameter

Description

Size, px

1652 x 1092

File format

SVG (recommended — Figma)

Preview

PNG or JPEG

Mandatory dynamic fields

  1. Learner name

  2. Course name

Optional dynamic fields

  1. Verification link

  2. Course description

  3. Date of certificate issuance

  4. Score for course/group of courses

Fonts for elements (learner name, course name, date, etc.)

  1. PT Serif

  2. Roboto

  3. Montserrat

  4. Fonts from the Google Fonts library

File with certificate text

Please provide a separate text file containing all the texts for the custom certificate. Text that needs to be changeable (dynamic) should be highlighted.

📅 Element Formatting

📌 Certificate issue date

The format should be: dd.mm.yyyy (e.g., 24.01.2025)

📌 Course title

  • Alignment can be centered, left, or right

  • Preferably written in a single line

  • Automatic line wrapping is allowed only if the text doesn’t fit in one line

  • Do not manually break the line after a specific word or letter

  • Quotation marks or other decorative elements may be added before/after the text

📌 Learner’s full name

  • Format: First Name Last Name

  • One space between the first and last name

  • Alignment can be centered, left, or right

  • Must be in a single line if it fits

  • Line wrapping is only allowed if the name doesn’t fit in one line

  • Do not manually break the line after a specific word or letter

  • Quotation marks or other decorative elements may be added before/after the text

Note: If the certificate contains a QR code — make sure it is easily scannable. Designers may enlarge the QR code if scanning issues occur.

Did this answer your question?