SuperHi FM

Search:

Catalog Cart About Sign in

Visual Design + Branding

Color + Type

Chapter 03

Color + Type

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Week 3 Overview and Project

Lesson 02

Designer Spotlight — Elizabeth Goodspeed

Lesson 03

Introduction to Color

Lesson 04

Color Relationships

Lesson 05

CMYK vs. RGB

Lesson 06

Color Interactions

Lesson 07

Color, Brands and Emotions — Part 1

Lesson 08

Color, Brands and Emotions — Part 2

Lesson 09

Tips for Creating Color Palettes

Lesson 10

Exercise: Checking your wireframe's contrast

Lesson 11

Exercise: Eyedropping photography

Lesson 12

Exercise: Create a complementary palette

Lesson 13

Exercise: Create an analogous palette

Lesson 14

Exercise: Create a monochromatic palette

Lesson 15

Exercise: Try it on two more photos

Lesson 16

Exercise: Review + share color palettes!

Lesson 17

Color Inspiration

Lesson 18

Quick Look: SuperHi Color Guide

Lesson 19

Industry Talks — Laura Bohill

Lesson 20

Typography Introduction + Anatomy

Lesson 21

Serif: Old Style

Lesson 22

Serif: Transitional

Lesson 23

Serif: Modern

Lesson 24

Serif: Slab

Lesson 25

Sans Serif: Humanist

Lesson 26

Sans Serif: Geometric

Lesson 27

Sans Serif: Transitional

Lesson 28

Script Typefaces

Lesson 29

Display Typefaces

Lesson 30

Pixel Typefaces

Lesson 31

Monospaced Typefaces

Lesson 32

How To Choose the Right Typeface

Lesson 33

Typefaces In Use: Case Studies

Lesson 34

Exercise: Choosing typefaces for families

Lesson 35

Exercise: Choosing typefaces for digital nomads

Lesson 36

Exercise: Choosing typography for foodies

Lesson 37

Exercise: Choosing typography for photographers

Lesson 38

Quick Look: SuperHi Typography Guide

Lesson 39

Introduction to Accessibility

Lesson 40

Exercise: Checking color contrast

Lesson 41

Quick Look: SuperHi Accessibility Guide

Lesson 42

Industry Talks — Tatiana Mac

Lesson 43

Week 3 Project Overview

Lesson 44

Adding Typography to The Block

Lesson 45

Adding Color to The Block

Lesson 46

Adding Photography: Hero

Lesson 47

Adding Photography: Homepage

Lesson 48

Adding Photography: Neighborhood

Lesson 49

Adding Icons to The Block

Build a 5 color palette and apply it to a site design for The Sticker House. Requirements are both type and color considerations pass accessibility testing.

Homework 01

House of Circles

SuperHi FM

Want some ambient music in the background? Play our radio station!

Next: Chapter 04

Branding: Research + Logo Design

Grid, Layout + Visual Hierarchy

Back: Chapter 02

Grid, Layout + Visual Hierarchy

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

This week, we’ll cover the second half of Visual Design Fundamentals. You’ll learn best practices for creating color palettes, choosing and pairing typefaces and how to design with accessibility in mind. Plus a bit on working with photography and icons!

Build a 5 color palette and apply it to a site design for The Sticker House. Requirements are both type and color considerations pass accessibility testing.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes