Learning path · For your first day

Make it look like your brand

Pick a theme, add your logo, set colors and fonts, check it on a phone, then publish.

6 lessons
5:23 in all
From 1 course

Start the path

The lessons, in order

Each one plays on its own, from its own course.

Length 1:07

The Template Editor · Lesson 3

Start from a theme

Browse the Theme gallery, compare a theme with your design, and choose which parts to apply.

Choose a theme
Length 0:25

The Template Editor · Lesson 4

Your brand

Site name and tagline, your logo, a logo for dark mode, the favicon, and how you look in search results.

Add your logo, favicon and brand name
Length 0:56

The Template Editor · Lesson 5

Colors, fonts and spacing

Set your primary color and watch every highlight follow, then fonts, spacing and dark mode colors.

Change colors, fonts and spacing
Length 1:58

The Template Editor · Lesson 6

Pages, regions and components

The six kinds of pages, their layouts, and how to add, move and reuse components in each region.

Pages, regions and shared headers explained
Length 0:24

The Template Editor · Lesson 11

Check every screen

Check the design on a phone and in dark mode before you publish.

Preview on phones, tablets and in dark mode
Length 0:33

The Template Editor · Lesson 12

Publish and version history

Publish with a note for your team, and restore an earlier design from Version history.

Publish your design

More paths