QR Code Design

The following guidance provides visual direction for the creation of QR codes.

Creation Criteria

  • Do not include any UB trademarks or logos within the QR code image itself.
  • Use only approved UB brand colors, including black, white or blue. 
  • Do not use Bitly links or third-party branded QR codes.
  • QR codes should resolve to an official UB website or an approved third-party website.
  • If a shortened URL is required for the QR code generator, work with your UBCMS unit web leader to create a vanity URL.

Examples

Don't:

Don't QR code example with the inclusion of a UB trademark within the QR code design.

Do not include any UB trademarks.

Don't QR code example with a non-brand color within the QR code design.

Do not use a color outside of the UB color pallete.

Don't QR code example with a Bilty QR code.

Do not use third-party branded QR codes.

Do:

A QR code example using approved brand colors in the QR code design.

Use UB brand colors.

A QR code example using secondary brand colors.

Use secondary colors only when appropriate.

A QR code example using approved brand colors in the QR code design and including a URL underneath.

Ensure QR code resolves to an official UB-hosted website or an approved third-party website.

Accessibility Training Available

A free online educational resource is available through Deque University to improve your web accessibility knowledge and skill set. The full curriculum contains over 30 courses on creating accessible documents, testing and more, which are extremely valuable skills for web developers, content editors and all faculty and staff who create online materials.

> Please register to access Deque University courses.