Chapter 02

Design

Videos

Lesson 01

Let's start to design

Lesson 02

Moodboarding

Lesson 03

Color scheme

Lesson 04

Color tints

Lesson 05

Text treatment

Lesson 06

Picking typefaces

Lesson 07

Creating a logomark

Lesson 08

Color styles with Figma

Lesson 09

Adding a logotype

Lesson 10

Components in Figma

Lesson 11

Making text styles

Lesson 12

Site layout with grids

Lesson 13

Laying out our pages

Lesson 14

Client approval

SuperHi FM

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

Next: Chapter 03

Code

Back: Chapter 01

Plan

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!

Email Discord

SuperHi FM

Design

Videos

Let's start to design

Moodboarding

Color scheme

Color tints

Text treatment

Picking typefaces

Creating a logomark

Color styles with Figma

Adding a logotype

Components in Figma

Making text styles

Site layout with grids

Laying out our pages

Client approval

SuperHi FM

Feeling stuck?

Design

Videos

Let's start to design

Moodboarding

Color scheme

Color tints

Text treatment

Picking typefaces

Creating a logomark

Color styles with Figma

Adding a logotype

Components in Figma

Making text styles

Site layout with grids

Laying out our pages

Client approval

SuperHi FM

Feeling stuck?

Private notes