links to sections below:


design resources

design principles

books on design

Brand Style Guide Overview

BSG examples to use in your analysis

other excellent examples from former students

Anna Constantino, Jade Burchett, Stephanie Foster, Kai Oda, Emily Nguyen, Melody Li, Naomi Blik, Vianna Mabanag, Esther Liu, Aanya Sharma, Enya Bours, Stella Rufeisen

how to create a BSG

BSG examples

typography resources

required reading

additional awesome typography resources

finding perfect typeface pairs

choosing the body font

type anatomy

free fonts

  • Google Fonts
    • for logo fonts, you should probably choose the “Display” and “Handwriting” categories
    • type your initials and adjust the size for one font, and then choose “Apply to all fonts”
    • to read more about a font, choose “See specimen”
    • to download a font, click on the plus sign in the top right corner, click on “Family selected” at the bottom of the screen, and then click on the download icon in the top right corner
  • Adobe Fonts
  • Dafont
  • Font Space
  • Urban Font
  • Font Squirrel
  • free fonts that Matthew Butterick likes

fonts you have to pay for

required reading

additional awesome logo resources

bsg logo pages by former students

helpful logo tools

color resources

  • Perfect Color, by Before and After
  • Adobe Color CC: by Adobe, you can explore and create color themes/palettes and easily import them into Illustrator; generate a color palette from an image
  • generate a color palette, adjust the colors, extract colors from images, and other goodies
  • Paletton: great tool to see color combinations for website design; once you’ve generated a palette, see it in action through the Examples tab; check out the “color blind” option to see how different color combos look to people with various kinds of color blindness
  • Material Palette: choose two colors and get an eight-color palette that you can download
  • Hail Pixel by Colordot: a great way to see colors and get hex codes
  • 0 to 255, to find lighter and darker hues of a color
  • Multicolr Search Lab (by TinEye): choose colors (up to five) and TinEye will return images with those colors
  • CMYK vs. RGB vs. Pantone, by Stephanie Asmus (
  • 10 Color Palettes from the Natural World, by Payman Taei
  • Pantone Color of the Year: the annual zeitgeist, rendered in color

Photoshop/Photopea tutorials

Fun (?) with Photoshop


moodboard templates and tutorials


brand book templates

on writing

Adobe resources

Illustrator help

Photoshop help

InDesign help

setting up for Writing 155b

Reclaim Hosting

FTP programs

text editors