links to sections below:


  • Adobe Creative Cloud student plan ($19.99 per month for 1 year)
  • Photoshop alternatives
    • Photopea: online, free, very similar to Photoshop
    • Pixlr E (advanced) and Pixlr X (basic): online, free, with a 30-day free trial of Premium
    • Affinity Photo: desktop, $49.99, a solid competitor to Adobe
    • GIMP: desktop, free, open-source, it’s been around for 25 years
  • Illustrator alternatives
  • InDesign alternatives Canva: mostly free, user friendly
  • Just FYI, differences between graphics that are bitmap/raster (Photoshop) and vector (Illustrator): video and text explanations

design resources

design principles

books on design

Brand Style Guide Overview

BSG examples to use in your analysis

how to create a BSG

BSG examples

other student examples

Jade Burchett, Stephanie Foster, Kai Oda, Emily Nguyen, Melody Li, Naomi Blik, Vianna Mabanag, Esther Liu

flipbook apps for PDFs

The free versions all have ads or other limitations. Another option is to send me the PDF and I can use a WordPress plugin to create a flipbook at the class website.

required reading

additional awesome logo resources

helpful logo tools

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
  • Urban Font
  • Font Squirrel
  • free fonts that Matthew Butterick likes

fonts you have to pay for

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 (thanks, BSG Color group!)
  • 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
  • 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 (
  • Design Seeds: not a lot of words, but a lot of color palettes
  • 10 Color Palettes from the Natural World, by Payman Taei
  • Pantone Color of the Year: the annual zeitgeist, rendered in color
  • BSG color pages

Photoshop/Photopea tutorials

Fun (?) with Photoshop


moodboard templates and tutorials


business card design

brand book templates

on writing

Adobe resources

Illustrator help

Photoshop help

InDesign help

collaboration resources

  • team communication & workspace tools
  • scheduling
  • writing/design tools that support collaborative work
    • Google Drive, docs, slides, etc.
    • Canva
  • general collaboration advice:
    • communication is crucial and synchronous is best, especially for planning and check-ins
    • mindset/attitude: respectful, open-minded, flexible
    • divide the labor carefully, so as to draw on team members’ strengths and interests
    • schedule some extra time to get to know each other
    • set firm due dates

setting up for Writing 155b

Reclaim Hosting

FTP programs

text editors