SlideShare a Scribd company logo
DGD220 Design Studio 2
DESIGN DOCUMENT
Corey Hines
Adam Lunn
Rebecca Thompson
TABLE OF CONTENTS
Overview &
Mock Sketches 1
Campaign Moodboard 2
Style Guide 3
- Branding 4
- Logo Dimensions (Print) 5
- Logo Dimensions (Web) 6
- Colour Palette 7
- Fonts 8
- Considerations 9
OVERVIEW
MOCK SKETCHES
This document emcompasses design assests (logo, fonts and colour palette) for the
upcoming campaign ‘Journey through the Tunnel’ (working title); with the inclusion of
visual research and rational to hone in on a harmonise style and tone fitting for the cam-
paign’s subject. ‘Journey through the Tunnel’ focuses on raising awareness for Bipolar
Disorder and provide deeper perspective in the hopes of abolishing certain societal stig-
mas that surround mental health.
The exhibition will play host to an entire installation, replicating a tunnel that will weave
around the space eventually leading to an end light-source. Throughout the tunnel will
explore the different strands of Bipolar (specifically Manic, Depressive & Psychotic)
through the use of installation, photography and illustration. We plan to utilise stories
and experiences that we have gathered to really drive the message of personal journey
and the acceptance of one's self. At the end of the tunnel will be a lush oasis-like space
that will be dubbed Acceptance, filling the area with happy energy and methodologies of
self resilience and communal support. Below are our first mock sketches and mood-
board for the campaign’s interface (Logo, style and tone) onward to Style Guide and
specifications.
MOODBOARD
DGD220 Design Studio 2
MY MOTHER
Style Guide
Creative Director:
Corey Hines
Copywriter:
Corey Hines
Project Manger Approval:
Adam Lunn
BRANDING
MY MOTHER
Her Journey with Bipolar
LOGO DIMENSIONS (For Web)
Maximum Size: 1100 px x 450 px
(Inclusion of surrounding white space)
To be placed on a white background only.
Minimum Size: 400 px x 164 px
(Inclusion of surrounding white space)
To be placed on a white background only.
1100 px
450px
400 px
164px
LOGO DIMENSIONS (For Web)
Maximum Size: 900 mm x 380 mm
(Inclusion of surrounding white space)
To be placed on a white background only.
Minimum Size: 330 mm x 130 mm
(Inclusion of surrounding white space)
To be placed on a white background only.
900 mm
380mm
330 mm
130mm
FONTS (For Web)
HEADING 1
Baskerville
Style: UPPERCASE
Size: 24pt - 48pt.
Kerning: Auto
Heading 2
Baskerville
Style: Lowercase
Size: 24pt - 36pt
Kerning: Auto
Directional Arrors:
Buttons:
Subheadings
Helvetica
Style: Bold/Lowercase/Italics
Size: 12pt - 18pt
Kerning: Auto
Body
Helvetica
Style: Regular/Lowercase
Print Size: 12pt - 18pt
Kerning: Auto‹ ‹
FONTS (For Print)
HEADING 1
Baskerville
Style: UPPERCASE
Web Size: 24pt - 48pt.
Print Size:
Kerning: Auto
Heading 2
Baskerville
Style: Lowercase
Print Size: 16pt - 36pt
Kerning: Auto
Subheadings
Helvetica
Style: Bold/Lowercase/Italics
Print Size: 12pt - 18pt
Kerning: Auto
Body
Style: Regular/Lowercase
Print Size: 12pt - 18pt
Kerning: Auto
COLOUR PALETTE (For Web)
Background:
Heading 1:
Subheadings:
Body:
Clicked:
Buttons:
Hover:
Alternative Assests (Lines/Borders):
COLOUR PALETTE (For Print)
Background:
Heading 1:
Subheadings:
Body:
Alternative Assests:
CONSIDERATIONS
- Logo’s must not stray from percribed dimensions, you will find the
.PNG and .PS files in the Google Drive
- Logo’s must be placed on a white background as a .PNG file for
transparency.
- Please do not include colour, our pallette is greyscale.
- Headings 1 & 2 can be interchangable, so long as it is consitent
and harmonious throughout.
- All inhouse work (Project Documentation) must reflect font and
colour palette for consistency.
-Any extra writing / design work that is to be included in the exhibi-
tion (Ie. Name cards, Title Cards, Business Cards, ect.) must also
reflect the Style Guide.
- Please attach all Design Sketches/Mockups/Moodboards for the
minor projects and the ‘Acceptance’ section before submission.
- All printwork / web material is to be approved by the Creative Direc-
tor before published.
- All exhbition work / curation enquiries must go through the Creative
Director
- Anything written is to be proofed and approved by the Copywriter
- Any changes made to the design must be approved by the
Creative Director and the Style Guide will be updated
accordingly.

More Related Content

Viewers also liked

Denis Vodopic (2) (1)
Denis Vodopic (2) (1)Denis Vodopic (2) (1)
Denis Vodopic (2) (1)
Denis Vodopić
 
Julio Martínez: Declaracion Jurada
Julio Martínez: Declaracion JuradaJulio Martínez: Declaracion Jurada
Julio Martínez: Declaracion Jurada
Eduardo Nelson German
 
msri_up_talk
msri_up_talkmsri_up_talk
msri_up_talk
Khalilah Beal
 
Memorias grupo 1
Memorias grupo 1Memorias grupo 1
Memorias grupo 1
Ñusta
 
Nouvelle Communication Globale Web 3.0
NouvelleCommunication GlobaleWeb 3.0NouvelleCommunication GlobaleWeb 3.0
Nouvelle Communication Globale Web 3.0
Farzad Felezzi Conférencier
 
Rg 1545
Rg 1545Rg 1545
Rg 1545
jackhipps123
 
Catalog Of Gel Nail Polish and Other Nail Art Products
Catalog Of Gel Nail Polish and Other Nail Art ProductsCatalog Of Gel Nail Polish and Other Nail Art Products
Catalog Of Gel Nail Polish and Other Nail Art Products
Paul Huang
 
Analisis Narrativo de Fight Club
Analisis Narrativo de Fight ClubAnalisis Narrativo de Fight Club
Analisis Narrativo de Fight Club
Devas H. De La Rosa
 
Etik umb tindakan korupsi
Etik umb tindakan korupsiEtik umb tindakan korupsi
Etik umb tindakan korupsi
Ines Pratiwi
 
землі поліської славні імена
землі поліської славні іменаземлі поліської славні імена
землі поліської славні імена
Ольга Шумік
 
Shape puzzle
Shape puzzleShape puzzle
Shape puzzle
Karthi Keyan
 

Viewers also liked (13)

Denis Vodopic (2) (1)
Denis Vodopic (2) (1)Denis Vodopic (2) (1)
Denis Vodopic (2) (1)
 
Julio Martínez: Declaracion Jurada
Julio Martínez: Declaracion JuradaJulio Martínez: Declaracion Jurada
Julio Martínez: Declaracion Jurada
 
msri_up_talk
msri_up_talkmsri_up_talk
msri_up_talk
 
Memorias grupo 1
Memorias grupo 1Memorias grupo 1
Memorias grupo 1
 
DIPLOMA
DIPLOMADIPLOMA
DIPLOMA
 
Nouvelle Communication Globale Web 3.0
NouvelleCommunication GlobaleWeb 3.0NouvelleCommunication GlobaleWeb 3.0
Nouvelle Communication Globale Web 3.0
 
Rg 1545
Rg 1545Rg 1545
Rg 1545
 
Catalog Of Gel Nail Polish and Other Nail Art Products
Catalog Of Gel Nail Polish and Other Nail Art ProductsCatalog Of Gel Nail Polish and Other Nail Art Products
Catalog Of Gel Nail Polish and Other Nail Art Products
 
Analisis Narrativo de Fight Club
Analisis Narrativo de Fight ClubAnalisis Narrativo de Fight Club
Analisis Narrativo de Fight Club
 
Etik umb tindakan korupsi
Etik umb tindakan korupsiEtik umb tindakan korupsi
Etik umb tindakan korupsi
 
землі поліської славні імена
землі поліської славні іменаземлі поліської славні імена
землі поліської славні імена
 
Shape puzzle
Shape puzzleShape puzzle
Shape puzzle
 
Bunny
BunnyBunny
Bunny
 

Similar to Style Guide

Portfolio_Latest2022 .pdf
Portfolio_Latest2022 .pdfPortfolio_Latest2022 .pdf
Portfolio_Latest2022 .pdf
Mohaned A.A. Hassan
 
priv
privpriv
Cherriots Style Guidelines - 2018 Edition
Cherriots Style Guidelines - 2018 EditionCherriots Style Guidelines - 2018 Edition
Cherriots Style Guidelines - 2018 Edition
Matt Berggren
 
Exposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and BrandingExposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and Branding
Rene Erlandson
 
Houston Health Department Brand Manual
Houston Health Department Brand ManualHouston Health Department Brand Manual
Houston Health Department Brand Manual
Stephanie Coleman
 
Photoshop Elements Primer
Photoshop Elements PrimerPhotoshop Elements Primer
Photoshop Elements Primer
Adam Lowe Creative
 
PPT PowerPoint Guideline
PPT PowerPoint GuidelinePPT PowerPoint Guideline
PPT PowerPoint Guideline
Evelyn Loh
 
How to Contribute to GNOME as an Artist
How to Contribute to GNOME as an ArtistHow to Contribute to GNOME as an Artist
How to Contribute to GNOME as an Artist
Máirín Duffy
 
Ancillary planning and development
Ancillary planning and developmentAncillary planning and development
Ancillary planning and development
lucyjessica
 
Crabrill
CrabrillCrabrill
Crabrill
PhoenixFIFI
 
AKoran_Resume_2015_text_only_04
AKoran_Resume_2015_text_only_04AKoran_Resume_2015_text_only_04
AKoran_Resume_2015_text_only_04
Aliaksei Koran
 
Digital graphic narrative production(1)
Digital graphic narrative production(1)Digital graphic narrative production(1)
Digital graphic narrative production(1)
Jacob Cooper
 
Digital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan SmithDigital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan Smith
AlanSmith96
 
NEW Digital Graphics Proformer
NEW Digital Graphics ProformerNEW Digital Graphics Proformer
NEW Digital Graphics Proformer
Mel Storey
 
Production development
Production developmentProduction development
Production development
Nicole Tunningley
 
Digital graphics pro forma alan smith
Digital graphics pro forma alan smithDigital graphics pro forma alan smith
Digital graphics pro forma alan smith
AlanSmith96
 
2. proposal
2. proposal2. proposal
2. proposal
BattamsPortfolio
 
SketchDeck Brandbook 2017
SketchDeck Brandbook 2017SketchDeck Brandbook 2017
SketchDeck Brandbook 2017
SketchDeck
 
CountryWide - Corporate Style Guide
CountryWide - Corporate Style GuideCountryWide - Corporate Style Guide
CountryWide - Corporate Style Guide
Victor Schmidlin
 
Introduction to graphic design 3
Introduction to graphic design 3Introduction to graphic design 3
Introduction to graphic design 3
Sierra Siemer
 

Similar to Style Guide (20)

Portfolio_Latest2022 .pdf
Portfolio_Latest2022 .pdfPortfolio_Latest2022 .pdf
Portfolio_Latest2022 .pdf
 
priv
privpriv
priv
 
Cherriots Style Guidelines - 2018 Edition
Cherriots Style Guidelines - 2018 EditionCherriots Style Guidelines - 2018 Edition
Cherriots Style Guidelines - 2018 Edition
 
Exposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and BrandingExposure=Imapact: Library Marketing, Promotion and Branding
Exposure=Imapact: Library Marketing, Promotion and Branding
 
Houston Health Department Brand Manual
Houston Health Department Brand ManualHouston Health Department Brand Manual
Houston Health Department Brand Manual
 
Photoshop Elements Primer
Photoshop Elements PrimerPhotoshop Elements Primer
Photoshop Elements Primer
 
PPT PowerPoint Guideline
PPT PowerPoint GuidelinePPT PowerPoint Guideline
PPT PowerPoint Guideline
 
How to Contribute to GNOME as an Artist
How to Contribute to GNOME as an ArtistHow to Contribute to GNOME as an Artist
How to Contribute to GNOME as an Artist
 
Ancillary planning and development
Ancillary planning and developmentAncillary planning and development
Ancillary planning and development
 
Crabrill
CrabrillCrabrill
Crabrill
 
AKoran_Resume_2015_text_only_04
AKoran_Resume_2015_text_only_04AKoran_Resume_2015_text_only_04
AKoran_Resume_2015_text_only_04
 
Digital graphic narrative production(1)
Digital graphic narrative production(1)Digital graphic narrative production(1)
Digital graphic narrative production(1)
 
Digital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan SmithDigital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan Smith
 
NEW Digital Graphics Proformer
NEW Digital Graphics ProformerNEW Digital Graphics Proformer
NEW Digital Graphics Proformer
 
Production development
Production developmentProduction development
Production development
 
Digital graphics pro forma alan smith
Digital graphics pro forma alan smithDigital graphics pro forma alan smith
Digital graphics pro forma alan smith
 
2. proposal
2. proposal2. proposal
2. proposal
 
SketchDeck Brandbook 2017
SketchDeck Brandbook 2017SketchDeck Brandbook 2017
SketchDeck Brandbook 2017
 
CountryWide - Corporate Style Guide
CountryWide - Corporate Style GuideCountryWide - Corporate Style Guide
CountryWide - Corporate Style Guide
 
Introduction to graphic design 3
Introduction to graphic design 3Introduction to graphic design 3
Introduction to graphic design 3
 

Recently uploaded

ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
PabloMartelLpez
 
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
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
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
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 

Recently uploaded (20)

ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 

Style Guide

  • 1. DGD220 Design Studio 2 DESIGN DOCUMENT Corey Hines Adam Lunn Rebecca Thompson
  • 2. TABLE OF CONTENTS Overview & Mock Sketches 1 Campaign Moodboard 2 Style Guide 3 - Branding 4 - Logo Dimensions (Print) 5 - Logo Dimensions (Web) 6 - Colour Palette 7 - Fonts 8 - Considerations 9
  • 3. OVERVIEW MOCK SKETCHES This document emcompasses design assests (logo, fonts and colour palette) for the upcoming campaign ‘Journey through the Tunnel’ (working title); with the inclusion of visual research and rational to hone in on a harmonise style and tone fitting for the cam- paign’s subject. ‘Journey through the Tunnel’ focuses on raising awareness for Bipolar Disorder and provide deeper perspective in the hopes of abolishing certain societal stig- mas that surround mental health. The exhibition will play host to an entire installation, replicating a tunnel that will weave around the space eventually leading to an end light-source. Throughout the tunnel will explore the different strands of Bipolar (specifically Manic, Depressive & Psychotic) through the use of installation, photography and illustration. We plan to utilise stories and experiences that we have gathered to really drive the message of personal journey and the acceptance of one's self. At the end of the tunnel will be a lush oasis-like space that will be dubbed Acceptance, filling the area with happy energy and methodologies of self resilience and communal support. Below are our first mock sketches and mood- board for the campaign’s interface (Logo, style and tone) onward to Style Guide and specifications.
  • 5. DGD220 Design Studio 2 MY MOTHER Style Guide Creative Director: Corey Hines Copywriter: Corey Hines Project Manger Approval: Adam Lunn
  • 7. LOGO DIMENSIONS (For Web) Maximum Size: 1100 px x 450 px (Inclusion of surrounding white space) To be placed on a white background only. Minimum Size: 400 px x 164 px (Inclusion of surrounding white space) To be placed on a white background only. 1100 px 450px 400 px 164px
  • 8. LOGO DIMENSIONS (For Web) Maximum Size: 900 mm x 380 mm (Inclusion of surrounding white space) To be placed on a white background only. Minimum Size: 330 mm x 130 mm (Inclusion of surrounding white space) To be placed on a white background only. 900 mm 380mm 330 mm 130mm
  • 9. FONTS (For Web) HEADING 1 Baskerville Style: UPPERCASE Size: 24pt - 48pt. Kerning: Auto Heading 2 Baskerville Style: Lowercase Size: 24pt - 36pt Kerning: Auto Directional Arrors: Buttons: Subheadings Helvetica Style: Bold/Lowercase/Italics Size: 12pt - 18pt Kerning: Auto Body Helvetica Style: Regular/Lowercase Print Size: 12pt - 18pt Kerning: Auto‹ ‹
  • 10. FONTS (For Print) HEADING 1 Baskerville Style: UPPERCASE Web Size: 24pt - 48pt. Print Size: Kerning: Auto Heading 2 Baskerville Style: Lowercase Print Size: 16pt - 36pt Kerning: Auto Subheadings Helvetica Style: Bold/Lowercase/Italics Print Size: 12pt - 18pt Kerning: Auto Body Style: Regular/Lowercase Print Size: 12pt - 18pt Kerning: Auto
  • 11. COLOUR PALETTE (For Web) Background: Heading 1: Subheadings: Body: Clicked: Buttons: Hover: Alternative Assests (Lines/Borders):
  • 12. COLOUR PALETTE (For Print) Background: Heading 1: Subheadings: Body: Alternative Assests:
  • 13. CONSIDERATIONS - Logo’s must not stray from percribed dimensions, you will find the .PNG and .PS files in the Google Drive - Logo’s must be placed on a white background as a .PNG file for transparency. - Please do not include colour, our pallette is greyscale. - Headings 1 & 2 can be interchangable, so long as it is consitent and harmonious throughout. - All inhouse work (Project Documentation) must reflect font and colour palette for consistency. -Any extra writing / design work that is to be included in the exhibi- tion (Ie. Name cards, Title Cards, Business Cards, ect.) must also reflect the Style Guide. - Please attach all Design Sketches/Mockups/Moodboards for the minor projects and the ‘Acceptance’ section before submission. - All printwork / web material is to be approved by the Creative Direc- tor before published. - All exhbition work / curation enquiries must go through the Creative Director - Anything written is to be proofed and approved by the Copywriter - Any changes made to the design must be approved by the Creative Director and the Style Guide will be updated accordingly.