Download - UBC Student Services Style Guide Intro
![Page 1: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/1.jpg)
Student Services Visual GuidelinesHow we bring the UBC brand to life for students
DRAFT June 2015
![Page 2: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/2.jpg)
Deliver awesome information-seeking experiences that open the door to something bigger
Our user experience goal
![Page 3: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/3.jpg)
Deliver awesome information-seeking experiences that open the door to something bigger
ClearUnclutteredStraight to the pointDirected by student feedback
Our user experience goal
![Page 4: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/4.jpg)
Student reflection and storytelling leads to discovery for others
Delivering awesome information-seeking experiences that open the door to something bigger
Our user experience goal
![Page 5: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/5.jpg)
When we’re providing information, we don’t let anything get in the way.
Type set in Whitney, in legible sizes, with lots of white space, and a clear hierarchy.
![Page 6: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/6.jpg)
Whitney
Most often in light weight for headings, to portray freedom and open thinking
Medium or Semibold where needed for sub-headings, calls-to-action or emphasis
Book weight for body text. Italics used for titles within text, or lower-level headings.
![Page 7: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/7.jpg)
When we’re opening the door to experiences, we don’t hold anything back.
![Page 8: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/8.jpg)
– thinking unconventionally
– expressing di�erent views and perspectives on the world
– and charting their own direction
We show real student experiences, paired with information on how to begin
We bring the UBC brand to life for students by showing their peers
![Page 9: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/9.jpg)
Photos take a staring role. They’re how we show the energy of real students doing inspiring things.
We use large photos to help students feel the results of the opportunity we’re talking about.
Choose photos that feel
natural + conversational
upbeat + inspiring
![Page 10: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/10.jpg)
For us, world-changing means the student’s world changing right in front of the viewer. Their mind expanding. Their learning taking place anywhere and everwhere, supported by their peers and us.
This is what we want to show with our phtoography and design.
![Page 11: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/11.jpg)
There is no Student Services logo. We use the UBC logo, paired with Student Services blue, photos carefully selected to express the Student Services vision, and our theme colours and icons where appropriate
![Page 12: UBC Student Services Style Guide Intro](https://reader031.vdocuments.site/reader031/viewer/2022022410/58e7b2f51a28abbb4e8b4f57/html5/thumbnails/12.jpg)
Our theme colours are energetic, happy, and youthful.
We use them, along with the icons, to build awareness of the breadth of experiences and resources that Student Services o�ers
A large block of a theme colour has impact on posters, signage, and outdoor graphics.
Keep the look bold and simple with white type when using a theme colour background.