Victoria digital brand guide - alpha

This guide is a tool to help bring consistent branding to digital applications across the University.

This is the first iteration of the the Victoria digital brand guide and is open for discussion.

This guide contains information on:

  1. The Victoria logo on digital platforms
  2. Branding templates for digital applications
  3. Guidance on Victoria colours and fonts

The Victoria logo on digital platforms

Use the landscape Victoria logo in white on a Victoria green header (Hex: #115737)

Minimum width of logo should be 190px.

Always link the Victoria logo back to the victoria.ac.nz home page

The Victoria word mark logo is strictly for use on mobile responsive applications or pages. No exceptions.

Branding templates for digital applications

These templates are a guide to branding your application to fit with the Victoria digital brand. Your applications should also meet any requirements in the Victoria web strategy.

Templates:

  1. Application template
  2. Log in template

Application template

Header for applications:

Header for applications

If your application or page is responsive:

Mobile header

Log in template

More information about form elements and buttons can be found on the Victoria elements page

Log in template

If your application or page is responsive:

Responsive log in template

Guidance on Victoria colours and fonts

Colours

The Victoria green should be used sparingly. The Victoria green should only be used as an application header colour and font headings where appropriate.

Background colour should be white with off-black text (Hex #444).

Highlight areas should be (Hex #eee) . Border colour is (Hex #b9d2d6).

Primary Button should be blue with white text, these button should be used for submit or final actions. There are other button styles we use. For more information about buttons see the Victoria elements page

Fonts

Body copy:


p {
	font-family: “Segoe WP”, “Nimbus Sans L”, Arial, “Helvetica Neue”, “Helvetica”, sans-serif;
	font-size: 14px;
}

h1-h5:


h1, h2, h3, h4, h5 {
	font-family: “National”, “Segoe WP Semibold”, “Nimbus Sans L”, Arial, “Helvetica Neue”, “Helvetica”, sans-serif;
}

More information about fonts and elements used on victoria.ac.nz can be found on the Victoria elements page

Remember:

  • always link the Victoria logo back to the victoria.ac.nz home page
  • the logo should be on Victoria green (hex: #115737)