DHAP // Brand Style Guide

Page 1

DHAP Project of SCLC



The Disabled Homeless Advocacy Project supports the disabled homeless community by using the following brand. 04 Logo 10 Typefaces 12 Type Treatment 14 Colors 16 Photography 18 Sponsors 20 Spacing 22 Social Media


LOGO Our logo identity best represents every aspects to our project: legal support, health support, and home security. 01 Full Identity This logo is for all of our larger collateral including printed publications, advertising, billboards, posters, and flyers.

02 Scaled / Responsive Our responsive logo is used for smaller collateral applications including tickets and specific social media.

03 Black and White Black and white versions of our logo are available for colorless printing. (Black background for demo purposes only.)

04 Photographic Treatment Our logo photographic treatment used for the majority of our social media applications. The full identity or responsive identity can be used. A. White on black // full B. Black on white // responsive C. Full w/ white background

04


01

DHAP Project of SCLC

02

DHAP SCLC

05


03

DHAP Project of SCLC

DHAP Project of SCLC

06


04 A.

DHAP Project of SCLC

07


04 B.

DHAP SCLC

08


04 A.

DHAP SCLC

09


Aa

TYPEFACES

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 (.,:;?!$&@*)

Helvetica Neue // Condensed Bold Helvetica Neue Condensed Bold is used for header treatments and other title applications. Helvetica Neue Regular is used for body copy.

10


Aa Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 (.,:;?!$&@*) Cambria // Bold Italic

Cambria Bold Italic is used for highlights and subheads. Cambria Italic can be used for body copy.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 (.,:;?!$&@*) Georgia // Italic Georgia Italic can be used in replacement of Cambria.

11


TYPE TREATMENT Our voice speaks through our type treatments. 01 Headers Big and bold — we want our message to be read without error // 60 pt. with 60 pt. leading // Helvetica Neue Condensed Bold

02 Highlights Our subheads are treated elegantly // 24 pt. with 24 pt. leading // Cambria Bold Italic

03 Body Our body copy reads clearly and efficiently // 10 pt. with 10 pt. leading (or double spaced) // Helvetica Neue Regular

12


01

HEADER

02

Highlights

03

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

13


COLORS Our SCLC brand colors help unite our projects.

Black CMYK: 0 | 0 | 0 | 95 RGB: 13 | 13 | 13 HEX: # 0D0D0D

14


SCLC Teal CMYK: 74 | 1 | 35 | 0 RGB: 0 | 184 | 180 HEX: # 00B9B5

Gray CMYK: 0 | 0 | 0 | 70 RGB: 77 | 77 | 77 HEX: # 4D4D4D

15


PHOTOGRAPHY Our photography tells a story about our clients with every photograph. 01 Black and White Our black and white photography deters from the distraction of color to quickly spark and emotion and tell a story.

02 Full Bleed All of our images fill the entirety of our collateral including social media, posters, etc.

16


01 B&W

02 Full Bleed

17


SPONSORS Our sponsors and volunteers are what make DHAP possible. 01 Sponsors Our sponsors are very important to us. We believe in representing them professionally and clearly.

02 w/ DHAP Logo This is a representation of our sponsor coupled with our logo.

18


01 1/3 logo size from edge

02

DHAP SCLC

19


SPACING The space surrounding a design is equally as important as its content. 01 Full Logo There should be 1 DHAP cross (relative to size of logo) distance of negative space surrounding the full logo.

02 Responsive Logo There should be 1 DHAP cross (relative to size of logo) distance of negative space surrounding the responsive logo.

20


01

DHAP Project of SCLC

DHAP DHAP DHAP Project of SCLC

Project of SCLC

Project of SCLC

DHAP Project of SCLC

02

DHAP SCLC

DHAP D H A PS C L C D H A P SCLC

SCLC

DHAP SCLC

21


SOCIAL MEDIA Our social media presence is consistent across all platforms. 01 Instagram // 1:1 // 612 x 612 px (Scaled for demo purposes) Instagram is our main social media source because it can post to Facebook and Twitter via the Instagram settings. The image can be designed similar to the following, while the body copy and hashtags live in the Instagram text field.

02 Facebook // 2.7:1 // 851 x 315 px (Scaled for demo purposes) Facebook wallpapers can be designed using the following. It can contain the logo, a header, and body copy.

03 Twitter // 3:1 // 1500 x 500 px (Scaled for demo purposes) Twitter wallpapers can be designed using the following. It can contain the logo, a header, and body copy.

22


01

INSTAGRAM HEADER

DHAP SCLC

02

FACEBOOK HEADER

DHAP SCLC Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

23


03

THIS I TWITT HEAD 24


IS A TER DER

DHAP SCLC Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

25


GRAPHIC DESIGNER & CREATIVE VISIONARY IANVANWINKLE.COM




Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.