TEMPLATE HANDBOOK

SET UP. MAKE IT YOURS. SHIP.

A fast, practical guide to replacing the AutoShield brand, editing the right systems, checking every screen, and publishing with confidence.

START WITH A DUPLICATE

Keep the purchased version untouched. Duplicate it, rename the copy, and make every customization there.

01 — DUPLICATE & PROTECT

Duplicate the purchased project before editing. Rename the working copy, confirm the home route, and keep the original as a clean fallback.

  • Duplicate the full project, not individual pages.

  • Rename your working copy and add a preview domain.

  • Publish only after checking every responsive view.

02 — GLOBAL STYLES FIRST

Change shared colors and text styles before touching individual sections. The template is built around a dark graphite base, warm accent, condensed display headings, and readable body copy.

  • Update color styles to rebrand the entire site consistently.

  • Keep display and body typography roles distinct.

  • Check contrast before replacing the orange accent.

03 — REPLACE BRAND & CONTENT

Replace identity and business details in a deliberate order: logo, navigation, opening message, services, pricing, proof, contact information, and footer.

  • Replace imagery with consistent aspect ratios and focal points.

  • Rewrite sample claims, names, prices, addresses, and reviews.

  • Set descriptive alternative text on meaningful images.

04 — EDIT THE SYSTEM, NOT COPIES

Shared navigation, buttons, cards, FAQ items, calls to action, and the footer are reusable. Edit the source when the change should appear everywhere; use instance controls for page-specific content.

  • Duplicate whole sections before experimenting with layout.

  • Use existing variants before creating new visual states.

  • Keep spacing and border treatments consistent across cards.

05 — CHECK EVERY SCREEN

Review desktop, tablet, and phone after every structural edit. Check wrapping, image crops, navigation behavior, form fields, and the order of stacked content before launch.

  • Test every button, anchor, form, social link, and legal link.

  • Set page titles, descriptions, favicon, and social image.

  • Preview the live site once before connecting the final domain.

FINAL PASS

READY TO PUBLISH?

Your brand is consistent, every breakpoint is clean, links work, forms submit, and the original template is still safely archived.

5 essential checks complete

Create a free website with Framer, the website builder loved by startups, designers and agencies.