02 / MAKE IT FEEL LIKE YOURS

Polish a landing page

Give an existing page clear messaging, consistent styling, and a useful primary action.

Set the direction first

Start with a running page. Supply your real product description, brand colors, and existing destinations. Change one part at a time and check the result before moving on.

STARTING BRIEF
Start with a running page. Supply your real product description, brand colors, and existing destinations. Change one part at a time and check the result before moving on.

Work through these tasks

Open one task, customize it for your project, and check the result before moving on. Skip any step that does not apply.

STEP 01

Rewrite the hero headline

Tell visitors what your product does in fewer words.

Open this task ↗

Use it when
When the first screen feels vague or overly wordy.

Before moving on
Check line breaks, responsive text fit, and heading hierarchy.

STEP 02

Change the background color

Give your pages a different mood with one clear color choice.

Open this task ↗

Use it when
When the default background does not fit your brand.

Before moving on
Check readable text, card contrast, and the background on desktop and mobile.

STEP 03

Update the site typography

Make headings and body text feel like they belong together.

Open this task ↗

Use it when
When text is hard to read or fonts look inconsistent.

Before moving on
Check long headings, readable line lengths, and small screens.

STEP 04

Restyle your buttons

Make the next action easier to spot.

Open this task ↗

Use it when
When buttons look unfinished or primary actions are unclear.

Before moving on
Check primary and secondary variants, keyboard focus, and narrow layouts.

STEP 05

Update the header

Make the top of your website clearer and more useful.

Open this task ↗

Use it when
When navigation labels, layout, or the main button need a refresh.

Before moving on
Check each link, mobile navigation, keyboard operation, and logo alignment.

STEP 06

Update the footer

Put useful links and business details within easy reach.

Open this task ↗

Use it when
When the bottom of the site is sparse or outdated.

Before moving on
Check all links, text accuracy, mobile stacking, and visual consistency.

Keep a recoverable checkpoint.

Save your work or review a Git commit between meaningful stages. A clean checkpoint makes the next experiment easier to understand and reverse.

Learn the terminal basics →