Voice setup · Step 3 of 5

Which version sounds more like you?

Choose one line from each pair. There are no wrong answers.

Welcoming a new customer
Explaining an error
Celebrating completion
Introducing a feature
">

The prompt

Build a brand-voice calibration onboarding step with Tailwind CSS. Present four pairs of alternative microcopy where the user chooses which version sounds more like the brand. Include progress, skip, back, and continue controls plus a live voice profile that updates across dimensions such as direct, warm, technical, and playful. Add JavaScript that records one choice per pair, updates the profile bars, and enables Continue only after every pair has an answer.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? .