SlideShare a Scribd company logo
Student Services Visual Guidelines
How we bring the UBC brand to life for students
DRAFT June 2015
Deliver awesome
information-seeking
experiences that open
the door to something
bigger
Our user experience goal
Deliver awesome
information-seeking
experiences that open
the door to something
bigger
Clear
Uncluttered
Straight to the point
Directed by student feedback
Our user experience goal
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
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.
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.
When we’re opening the
door to experiences, we
don’t hold anything back.
– thinking unconventionally
– expressing different
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
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
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.
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
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 offers
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.

More Related Content

Viewers also liked

Management of hypertension
Management of hypertensionManagement of hypertension
Management of hypertension
tanmay93saha
 
2016крол3 3
2016крол3 32016крол3 3
IdentifyingFluorine-19andHydrogenNuclei (2)
IdentifyingFluorine-19andHydrogenNuclei (2)IdentifyingFluorine-19andHydrogenNuclei (2)
IdentifyingFluorine-19andHydrogenNuclei (2)
Pamela Rios
 
Exploração espacial
Exploração espacialExploração espacial
Exploração espacial
andreo rausis
 
Garir Omar CV.doc (1)
Garir Omar CV.doc (1)Garir Omar CV.doc (1)
Garir Omar CV.doc (1)
Garir Al Shamy
 
LRB New Resume
LRB New ResumeLRB New Resume
LRB New Resume
latichia bishop
 
Adobe flash professional cs6 mt
Adobe flash professional cs6 mtAdobe flash professional cs6 mt
Adobe flash professional cs6 mt
camila chique castillo
 
Dexi
DexiDexi
Famosos homeopatía médica
Famosos homeopatía médicaFamosos homeopatía médica
Lab intro-5-1
Lab intro-5-1Lab intro-5-1
Lab intro-5-1
Thonghai Butchat
 
Glenn Cabayao
Glenn CabayaoGlenn Cabayao
Glenn Cabayao
Glenn Cabayao
 

Viewers also liked (11)

Management of hypertension
Management of hypertensionManagement of hypertension
Management of hypertension
 
2016крол3 3
2016крол3 32016крол3 3
2016крол3 3
 
IdentifyingFluorine-19andHydrogenNuclei (2)
IdentifyingFluorine-19andHydrogenNuclei (2)IdentifyingFluorine-19andHydrogenNuclei (2)
IdentifyingFluorine-19andHydrogenNuclei (2)
 
Exploração espacial
Exploração espacialExploração espacial
Exploração espacial
 
Garir Omar CV.doc (1)
Garir Omar CV.doc (1)Garir Omar CV.doc (1)
Garir Omar CV.doc (1)
 
LRB New Resume
LRB New ResumeLRB New Resume
LRB New Resume
 
Adobe flash professional cs6 mt
Adobe flash professional cs6 mtAdobe flash professional cs6 mt
Adobe flash professional cs6 mt
 
Dexi
DexiDexi
Dexi
 
Famosos homeopatía médica
Famosos homeopatía médicaFamosos homeopatía médica
Famosos homeopatía médica
 
Lab intro-5-1
Lab intro-5-1Lab intro-5-1
Lab intro-5-1
 
Glenn Cabayao
Glenn CabayaoGlenn Cabayao
Glenn Cabayao
 

Similar to UBC Student Services Style Guide Intro

WeidnerTHINKS
WeidnerTHINKSWeidnerTHINKS
WeidnerTHINKS
Becky Martin
 
What Is Powerful Learning Pbl
What Is Powerful Learning PblWhat Is Powerful Learning Pbl
What Is Powerful Learning Pbl
Simon Perry
 
TateLUDLpresentation
TateLUDLpresentationTateLUDLpresentation
TateLUDLpresentation
mzlauren10
 
Lovett playbook high res
Lovett playbook high resLovett playbook high res
Lovett playbook high res
thethirdteacher
 
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research PractitionerPROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
make_it_happen
 
Early release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflectEarly release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflect
Dena Budrecki
 
Publications philosophy
Publications philosophyPublications philosophy
Publications philosophy
lizabethwalsh
 
Welcome to the GSCELC
Welcome to the GSCELCWelcome to the GSCELC
Welcome to SCOPE Academy
Welcome to SCOPE AcademyWelcome to SCOPE Academy
Welcome to SCOPE Academy
SCOPE Academy
 
The Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and LeadingThe Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and Leading
Sheldon Berman
 
Learning through pbl and ict b
Learning through pbl and ict bLearning through pbl and ict b
Learning through pbl and ict b
sawsen abid
 
Universal Design
Universal DesignUniversal Design
Universal Design
boslek
 
Learning through pbl and ict
Learning through pbl and ictLearning through pbl and ict
Learning through pbl and ict
sawsen abid
 
The Learner is the Center
The Learner is the CenterThe Learner is the Center
The Learner is the Center
bgalloway
 
Whole School Approach
Whole School ApproachWhole School Approach
Whole School Approach
ESD UNU-IAS
 
MOE Presentation
MOE PresentationMOE Presentation
MOE Presentation
Stuart Armistead
 
City international presentation
City international presentationCity international presentation
City international presentation
engineeringwatch
 
Assis presentation d bubner
Assis presentation d bubnerAssis presentation d bubner
Assis presentation d bubner
Darryl Bubner
 
PYP Introduction
PYP IntroductionPYP Introduction
PYP Introduction
GAIS
 
Field study 3 episode 2
Field study 3 episode 2Field study 3 episode 2
Field study 3 episode 2
Timn Andrada
 

Similar to UBC Student Services Style Guide Intro (20)

WeidnerTHINKS
WeidnerTHINKSWeidnerTHINKS
WeidnerTHINKS
 
What Is Powerful Learning Pbl
What Is Powerful Learning PblWhat Is Powerful Learning Pbl
What Is Powerful Learning Pbl
 
TateLUDLpresentation
TateLUDLpresentationTateLUDLpresentation
TateLUDLpresentation
 
Lovett playbook high res
Lovett playbook high resLovett playbook high res
Lovett playbook high res
 
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research PractitionerPROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
 
Early release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflectEarly release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflect
 
Publications philosophy
Publications philosophyPublications philosophy
Publications philosophy
 
Welcome to the GSCELC
Welcome to the GSCELCWelcome to the GSCELC
Welcome to the GSCELC
 
Welcome to SCOPE Academy
Welcome to SCOPE AcademyWelcome to SCOPE Academy
Welcome to SCOPE Academy
 
The Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and LeadingThe Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and Leading
 
Learning through pbl and ict b
Learning through pbl and ict bLearning through pbl and ict b
Learning through pbl and ict b
 
Universal Design
Universal DesignUniversal Design
Universal Design
 
Learning through pbl and ict
Learning through pbl and ictLearning through pbl and ict
Learning through pbl and ict
 
The Learner is the Center
The Learner is the CenterThe Learner is the Center
The Learner is the Center
 
Whole School Approach
Whole School ApproachWhole School Approach
Whole School Approach
 
MOE Presentation
MOE PresentationMOE Presentation
MOE Presentation
 
City international presentation
City international presentationCity international presentation
City international presentation
 
Assis presentation d bubner
Assis presentation d bubnerAssis presentation d bubner
Assis presentation d bubner
 
PYP Introduction
PYP IntroductionPYP Introduction
PYP Introduction
 
Field study 3 episode 2
Field study 3 episode 2Field study 3 episode 2
Field study 3 episode 2
 

Recently uploaded

一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
yufen5
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
DakshGudwani
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
RashmitaSwain3
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
kuapy
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
ijk38lw
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
NHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree TranscriptNHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree Transcript
lhtvqoag
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
bagmai
 
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
67n7f53
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 

Recently uploaded (20)

一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
一比一原版(soton毕业证书)英国南安普顿大学毕业证在读证明如何办理
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
modular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdfmodular-kitchen home plan civil engineering.pdf
modular-kitchen home plan civil engineering.pdf
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
NHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree TranscriptNHL Stenden University of Applied Sciences Diploma Degree Transcript
NHL Stenden University of Applied Sciences Diploma Degree Transcript
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
 
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
一比一原版(LaTrobe毕业证书)拉筹伯大学毕业证如何办理
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 

UBC Student Services Style Guide Intro

  • 1. Student Services Visual Guidelines How we bring the UBC brand to life for students DRAFT June 2015
  • 2. Deliver awesome information-seeking experiences that open the door to something bigger Our user experience goal
  • 3. Deliver awesome information-seeking experiences that open the door to something bigger Clear Uncluttered Straight to the point Directed by student feedback Our user experience goal
  • 4. 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
  • 5. 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.
  • 6. 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.
  • 7. When we’re opening the door to experiences, we don’t hold anything back.
  • 8. – thinking unconventionally – expressing different 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
  • 9. 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
  • 10. 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.
  • 11. 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
  • 12. 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 offers 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.