You are here

  • Home
  • HR Resources for website build

HR Resources for website build

Links

external sites, use the url of that site, eg. https://www.ubc.ca

For External - best to have Target set for the window open in a new window, so the user is not directed off our site

internal pages, use internal:node/41046

Tables

3 column blue background - white text

Recruiting

For information on:

recruiting process
submitting a job requisition
job description templates
interviewing

Onboarding

xxx

Temporary Foreign
Worker and Immigration

xxx

buttons

Button Text

floating an image right

This is a way to add an image and have it float on the right of the text

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Inserting an image

Scroll down to "Add a new file" click "browse", find your image, then click "upload"

The file will appear above  - right click on the file name and copy the link

to insert an image - place the curser where you want the image adn click on the insert/edit image icon in the toolbar
 
enter the url that you copied into the Image URL field
from this window, you can also set the size if you want it smaller or larger - best to use percentage, rather than set pixles

Colours:

To change the colour of items, you can match colours to TRIUMF's colour palette - see below.

If using at TRIUMF colour - enter in the #xxxxxx code

To see the selection window to the left, you may need to click on "more colors"

Primary Colour Palette

TRIUMF's primary colour palette is black, white, and cyan. Please do not modify these colours.

Swatch
Pantone
HEX

PANTONE Process Cyan

#009fdf

White/Paper

#ffffff

PANTONE Process Black#000000

Secondary Colour Palette

The secondary palette - a trio of grays - are to be used in situations where it is necessary to highlight or divide elements. Yellow is meant as an accent colour to add dynamic flare. Please do not overuse.

Swatch
Pantone
HEX

PANTONE Cool Gray 10 C

#666666

PANTONE Cool Gray 2 C

#CCCCCC
PANTONE Cool Gray 1 C#F1F2F2
PANTONE P 7-8 C#FFCB04

Tertiary Colour Palette

Tertiary colours are to be used only in charts for presentation decks and diagrams for documents. These are the colours of TRIUMF sub-brands - please do not use them for posters or webpages to portray the TRIUMF brand.

Swatch
Pantone
HEX

PANTONE 376 C

#74BF43

PANTONE P 105-8 C

#232359

PANTONE P 55-6 C#F2705D