Asset Gather and Discussion

README.md

Web Design Asset Hunt

We will be creating a lot of content in the upcoming weeks. This session is for you to get together some colour palettes, typography combinations, and image assets

• Acquire potential page assets for projects
  • colors: use a tool like coolors palette generator to generate 3-4 color palettes
    • in either figma, a markdown file, or a css file, add this color palette. The goal is to make this easy to use so follow whatever practice makes the most sense to you. you will likely want the hsl or hex codes to be stored for easy copy paste (label them so you'll know what they are later)
      • it can also be useful to put a short list of things the palette makes you think of
  • typography: use google fonts and a site such as this article on font pairings to pick font parings that will go well with your color schemes (or the other way around)
    • store the links that google fonts gives you for easy copy pasting into projects
  • images: if you still have time, search pexels, and unsplash for some images to use in assignments. If you already have any topics or concepts in mind, this is an opportunity to follow through with prep for them
    • after downloading, store them in a place that is easy to get to from vscode.
    • change their filenames to something short and logical
    • save either their attributions or links to quickly find attributions in a markdown file in the same folder as the images

Discussion

• Discuss your theme concepts in small groups
• After the breakout sessions, each person will show one theme or set of assets they put together and discuss any design, branding, or topics that they thought of while gathering assets.

Journal

• You can use this for a code journal. It can be especially good to take notes on inspirations and ideas that you get from one another to expand your design sense.