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.
Give an existing page clear messaging, consistent styling, and a useful primary action.
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.
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.
Open one task, customize it for your project, and check the result before moving on. Skip any step that does not apply.
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.
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.
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.
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.
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.
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.
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 →