Step 1 · Rebrand

Make it 100% your brand

Every build uses semantic design tokens, so a handful of changes will cascade across the whole app. Work through these in order — don't skip ahead to copy until the colors are locked, or you'll end up redoing things.

Replace the logo & favicon

Upload your logo (SVG preferred, PNG works) to your Lovable chat. Then tell Lovable to swap it in.

›_Replace the logo in the navbar and footer with the attached image. Also update the favicon and apple-touch-icon to match.

Tip: Drop the file directly into the chat — Lovable will upload it and reference the path for you.

Update brand colors

Colors live as design tokens in src/styles.css (or src/index.css). Don't edit components directly — change the tokens and the whole app updates.

›_Update the brand colors in src/styles.css. Primary: #FF2D87. Accent: #4CA9A8. Background: #0A0A12. Keep the existing token structure; just swap the oklch values.

Heads up: Don't ask Lovable to "change all the pink buttons to blue." That edits hundreds of files. Always edit the tokens.

Swap the fonts

Pick a heading + body pair on Google Fonts (e.g. Space Grotesk + DM Sans).

›_Switch the display font to "Space Grotesk" and the body font to "DM Sans". Update the Google Fonts import and the font-family tokens in src/styles.css.

Tip: Stick to two fonts max. One display, one body. More than that looks chaotic.

Rewrite the copy, section by section

Don't ask Lovable to "rewrite all the copy." Go one section at a time so you can review each change.

›_On the homepage hero section only: change the headline to "X", subheadline to "Y", and the primary CTA button to "Z". Don't touch any other sections.

Work through hero → features → product cards → testimonials → footer.

Replace product images & hero art

Generate new visuals with Lovable's image tool, or upload your own to the product-images storage bucket.

›_Generate a hero image for [your niche]. Style: cinematic, deep navy background, soft pink accent lighting, isometric laptop mockup. Save it to src/assets/hero.jpg.

Tip: If a build has product mockup screenshots, regenerate them with your brand colors so they don't look like Girl Tech HQ's.

Done when…

✓Your logo appears in the navbar, footer, and browser tab
✓Brand colors are consistent across buttons, links, and accents
✓Fonts load correctly on every page (no fallback serif)
✓Hero, features, and CTA copy reflect YOUR offer — not Girl Tech HQ's
✓Product images and hero art match your brand

Next: Wire up Stripe →