Brand Style Guide
For the major project in the course, you’ll use a variety of programs to create a brand style guide that presents your “brand” visually and in writing. You’ll be creating the various parts of the BSG each week, with feedback from me and your peers. I’ll provide an interim grade about halfway through. The project is due as a PDF or a website on Friday, March 12.
Please get in touch with me during week 8 if you would like to create the BSG as a website. If you use a template for your BSG PDF or website, please also submit a memo in which you describe the changes you made to the template to make it reflect your brand style.
Required elements, though not necessarily in this order:
- front and back covers and inside covers (or welcome/goodbye screens if you create a website)
- table of contents (or navigation to main sections if you create a website)
- your story/welcome
- lettermark logo and lockup in several colors
- one or more mockups displaying your logo on an item (e.g., business card, clothing, coffee cup, billboard, etc.)
- color palette
tentative list of discussion topics:
- hello! (on Nectir)
- collaboration tools and strategies
- brand style guide and branding resources
- adjectives and inspiration for your own brand style
- logo or font resources
- letter/font description
- color inspiration
- page design
- best writing advice you’ve ever received
Brand Style Guide (BSG) Genre Analysis
In preparation for creating your own brand style guide, this project asks you to describe the genre by identifying the salient features of its content and design and by discussing best practices for each feature. You’ll do this by working in teams to examine 16 (or more) BSGs designed by previous students in the minor and by professionals. Each team of 3 or 4 students will focus on a specific BSG feature and will present their findings to the entire class on Tuesday 1/19.
BSG features: logo, typography, color, imagery, writing content & style, distinctive feature, page layout, special page layouts (covers, inside covers, table of contents)
BSG examples to use in your analysis
- student BSGs (PDFs): Ricky Nguyen, Yehna Cha, Stephanie Foster, Mable Truong, Jade Burchett, Vianna Mabanag
- professional PDFs: Herban Kitchen, Barre & Soul, Love to Ride, I Love NY, Urban Outfitters
- professional websites: Barbican, Firefox, Uber, Cisco, UCSB
- others: be sure to consult the BSGs listed above, but feel free to include examples from other excellent BSGs that you find
Your goal is to describe the essential and optional content for the BSG feature that your team is covering, as well as to provide advice about best practices for that feature. You can present this information in a variety of formats–for instance, a slideshow, a PDF document, a video, a website, or another format. Your team will have a maximum of 5 minutes for your presentation on Tuesday 1/19.
Keep in mind that your audience is your fellow students who will be creating a BSG this quarter. Strive to provide a clear, concise discussion of the feature along with easy to understand, easy to implement advice. Bonus points for presentations that are themselves bold and delightful!
You’ll create a personal lettermark logo (in black and white, until you decide on your color palette) using your initials or your first or last name, if it’s short. Keep in mind that the best logos are simple, scalable, memorable, versatile, and relevant. Your lettermark logo should be reflective of your brand–that is, your values, style, personality, and professional goals. You should also create a “lockup”–that is, your lettermark logo plus your full name.
Here’s an example of a logo draft that would be fine to have at this point; keep in mind that you’ll eventually be incorporating the logo in different colors and with different specifications in your BSG.
logo exercise #1
Explore the typefaces currently installed on your computer. Look at Google fonts and the free font sites (see the Resources page), and download fonts that you like and that might work well for the logo project. Then use the exercise1.docx template (or create a similar grid) to try out your initials or name (if it’s short) in lower- and/or upper-case in various fonts. Here’s an example of what your result might look like. Be prepared to share the document in class on Tuesday 1/26.
logo exercise #2
Following Illustrator tutorial #1, use Adobe Illustrator or another vector graphics program or PowerPoint/Google Slides to create three artboards or “pages” with different options for your lettermark logo and your lockup. Think of each artboard as presenting variations on a theme, with your lettermark initials and full name in the same font or combination of fonts but presented in different placements or at different sizes. Here’s an example of a single artboard. Export your work as a PDF, and be prepared to share it in class on Thursday 1/28.
Decide on the two or three typefaces that will be included in your Brand Style Guide. Decide (tentatively) how you’ll present the typefaces in your BSG and write a brief description of the characteristics of each typeface that show how it is reflective of your brand style. Upload a PDF with this information to the typography draft folder in Google Drive.
color palette draft
Decide on the color palette for your Brand Style Guide. Determine how you’ll present the palette in your BSG (e.g., squares/stripes/circles? with identifying hex codes and/or CMYK/RGB codes?). Provide names and brief descriptions of each color, along with a description of how the colors should be used as part of your brand. Upload a PDF with this information to the color draft folder in Google Drive.
mood board exercise
Using Photoshop or another image editing program, create a mood board that identifies the colors and image styles that you might use as part of your visual identity. Use the mood board templates found on the Resources page or use other mood board templates that you find or create yourself.
Using Photoshop or another image editing program, create several mockups with your lettermark logo and/or lockup. Use the mockup files found on the Resources page or use other mockups that you find or create yourself.