Build a brand-your-workspace onboarding step with Tailwind CSS: a left column with controls — logo upload with a preview crop, a primary color picker with preset swatches, and a font pair selector — and a right column with a live preview card that reflects every change instantly (button, heading, link all restyled). Keep the preview a realistic mini-page rather than abstract swatches, and allow skipping branding entirely for later.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。