✓
the short answer

Following our enterprise white-labeling checklist allows you to methodically customize every branding asset with your company logo, typography tokens, and metadata, producing an authentic, agency-grade product ready for production.

📖 Introduction

Complete white-labeling involves more than adjusting corner controls: it requires replacing default favicons, configuring OpenGraph social share cards, updating PWA manifest icons, and tailoring page title metadata. This guide provides an enterprise checklist for preparing Lovable applications for commercial client delivery.

The Problem with Walled Gardens

Applications generated by AI platforms retain default branding assets across multiple layers: public/favicon.ico, manifest.json, og:image tags, Apple touch icons, and HTML headers. Overlooking these details reveals unfinished prototype branding to users and clients.

The Push44 Solution

Following our enterprise white-labeling checklist allows you to methodically customize every branding asset with your company logo, typography tokens, and metadata, producing an authentic, agency-grade product ready for production.

Step-by-Step Walkthrough

5 steps
1

Step 1: Export project to GitHub with Push44

Use Push44 to export your Lovable application to GitHub, ensuring you have direct access to index.html and all frontend asset directories.

2

Step 2: Replace Favicons & PWA Touch Icons

Replace public/favicon.ico, public/icon-192.png, public/icon-512.png, and public/apple-touch-icon.png with your custom brand icons.

💡 expert tip

Ensure icon files maintain standard dimensions to render crisp graphics across mobile home screens.

3

Step 3: Update OpenGraph & Twitter Card Metadata

Open index.html and update og:title, og:description, og:image, and twitter:image meta tags with your custom domain and branded banner graphic.

4

Step 4: Customize manifest.json & theme colors

Update public/manifest.json with your app's official name, short name, theme_color, and background_color.

💡 expert tip

Ensure theme_color matches your brand's primary design token.

5

Step 5: Deploy to custom production domain

Deploy your fully customized codebase to Vercel or Cloudflare Pages and link your custom production apex domain.

Pro Recommendations

✓

Verify your social sharing cards using OpenGraph inspection tools before public launch.

✓

Inspect manifest.json in browser DevTools (Application tab) to verify PWA installability under your custom brand.

✓

Include a branded 404 Not Found page matching your design system.

✓

Use Push44's automated SEO tools to audit your live production pages.

Common Pitfalls to Avoid

⚠️

Updating index.html titles but forgetting to update public/manifest.json application name fields.

⚠️

Using low-resolution favicon assets that appear pixelated on high-DPI displays.

⚠️

Leaving outdated preview links in footer navigation.

Frequently Asked Questions

What assets should be customized for complete white-labeling?

You should update index.html (title and meta tags), public/favicon.ico, public/manifest.json, public/icon-*.png images, and customize navigation/footer components in src/.

Can I complete this checklist with free developer tools?

Yes! Push44, GitHub, Vercel, and modern icon generators are all completely free.

How long does the white-labeling process take?

Following this checklist, complete rebranding typically takes 5 to 10 minutes.

Will my app continue to receive feature updates?

Yes. You have full control over your Git repository and can push new features and improvements whenever needed.

100% free · zero backend · client-side

Export and push your code in seconds.

Connect your platform, preview the visual diff, and create atomic commits on GitHub with zero server data retention.

Start exporting now → Learn more