- Campus screens
- Faculty & staff dashboard
- What's On newsletter
- Using LiveWhale Calendar
- Using EventBrite
- Subscribing to a department calendar in SFU Mail
- Request accounts
- Google Analytics request
- Social media content
- Request avatars
- Creative project request
- Web & URL requests
- Communication planning worksheets
- Using Campaigner
- Image library
- SFU facts and figures
- Social media
- Website tools
- Equity, Diversity and Inclusion guide
- Multimedia Consent Guide
- Formal studio portraits
- SFU News
- Brand DNA
- Brand architecture
- Coat of arms
- Web applications
- Tone of voice
- Brand applications
- Communication strategy
Editorial style guide
- SFU style
- Language and grammar
- General usage
- Territorial acknowledgements
- Obituary policy
- Media guide
- Project management
- Self-recorded video
- Social media
- Website content guide
- Website project guide
- Website Design Guide
- What makes a good story?
- URL request guidelines
- C&M staff
Page types are templates to assist in building your website layout and navigation. Each SFU-branded template contains default elements such as a header, a navigation bar, and a footer. Some pages are available for specialty content like news pages, faculty profile and blog pages.
For more information about creating a new page see Basic Authoring.
Basic Home Page
The homepage template is the main landing page of your website.
Follow the design guidelines to organize and layout different sections on the homepage.
Banners and headline images at the top of the page should be set to full width.
Banner images should be cropped to 3:1 ratio.
- leftBanners with text can be set up in a two-column layout. Image or overlay banner on the left side and text in the right column.
- The two columns should be set up in full width and no spacing.
- Pad-all style should be applied to the text component in the right column.
- Checkerboard images are set up in a 2-column layout.
- Images used in one column should be set to "full width" and "no spacing".
- Any text content added into the alternating column will need padding style pad-all
Three cards display
- Add a column control component with one column.
- Add the list component into a column control component and set the list component to display as cards and limit of three items
- Add the style for three columns col-3
Two column display with one featured story and a list of news items
- Add a column control component set to two columns.
- On the left column add a list component, display as a card and set to limit of one.
- On the right column add a list component, display as configurable view
- To display a list of events in the Livewhale component set display as a "Detailed events list" with a limit of three items
Events Cards in columns
- To display as cards in columns, set Livewhale as “SFU Events Calendar layout” and place in a one column component with pad-all class applied
Events in two columns
- Add a two column component to the page.
- In the left column add the livewhale component as a “Detailed events list” with a limit of one
- In the right column add livewhale component as a "Simple events list" with a limit of four to five items.