Customize & Launch Your Agency Site in 30 Minutes.

Welcome to Vanguard Signal! Click any of the 8 onboarding steps below to open its complete step-by-step Framer manual, exact UI navigation paths, copyable hex tokens, and pre-launch checklist. Note: Unpublish or delete this `/guide` page before launching your live agency domain.

INTERACTIVE ONBOARDING PROGRESS // 1 OF 8 STEPS COMPLETED (13%)

Click any step card below to open its full step-by-step Framer instructions, specification tables, and shortcuts.

[ SELECT ANY STEP BELOW TO LOAD FULL INSTRUCTIONS ]CURRENTLY VIEWING: STEP 01 — 16-PAGE ARCHITECTURE

8-STEP MANUAL INDEX

STEP 01 OF 08EST. TIME: 4 MINLEVEL: BEGINNER

Architecture & 16-Page Route Map

Vanguard Signal is engineered as a complete 16-page B2B demand generation system rather than a single brochure page. Before editing copy, take 4 minutes to understand how the Pages panel is organized into Core Marketing Pages, Dynamic CMS Templates, Conversion Funnel Pages, and Utility/Legal Routes.

WHERE IN FRAMER:Left Sidebar→Pages Tab (Top Icon)→Web Pages (16 Routes)→Layout Templates

Pages Panel: ⌘ + 1

[ PART A // STEP-BY-STEP INSTRUCTIONS (4 ACTIONS) ]FOLLOW IN ORDER ↓

1.1

Inspect the 3 Breakpoints on Every Page (Desktop 1200px, Tablet 810px, Phone 390px)

Primary Breakpoint: Desktop (1200px)

Click the Pages tab in the top-left sidebar and select any page. On the canvas you will see three responsive frames side by side: Desktop (1200px primary), Tablet (810px), and Phone (390px). Always make text and layout edits on the left-most Desktop (1200px) frame first—Framer automatically cascades your changes down to Tablet and Phone!

✓ RESULT:Edits made on Desktop automatically inherit across Tablet and Mobile without manual duplication.

1.2

How the Global 'Vanguard Site Shell' (Navbar + Footer) Works

Layout Template: Vanguard Site Shell

15 of the 16 pages automatically inherit the global 'Vanguard Site Shell' Layout Template, which injects the sticky top Navbar ('Vanguard // SIGNAL' + links + 'Book Pipeline Audit' button) and the dark Espresso Executive Footer. When you edit the Navbar or Footer once inside the Layout Template, all 15 pages update simultaneously.

✓ RESULT:Zero repetitive header/footer editing across the site.

1.3

Why '/lp/pipeline-audit' Has No Navbar (Distraction-Free Squeeze Page)

Route: /lp/pipeline-audit (Shell Bypassed)

Open '/lp/pipeline-audit' in the Pages panel. Notice it intentionally bypasses the global navigation menu and uses a distraction-free top bar with a live availability indicator and a single anchor CTA. Use this URL as the destination for your LinkedIn, Meta, and Google Ads campaigns so paid traffic cannot leak away to blog posts before converting.

✓ RESULT:2.4x–3.1x higher paid-media conversion rate by removing navigation exit links.

1.4

Dynamic CMS Detail Pages (/work/:slug and /insights/:slug)

CMS Routes: /work/:slug & /insights/:slug

In the Pages panel, routes with a colon (':slug') are Dynamic CMS Detail templates. Editing the layout on '/work/:slug' updates the design for every Case Study in your CMS collection; editing the content of an individual case study happens inside the top CMS toolbar.

✓ RESULT:Add 5 or 50 case studies in the CMS and each automatically generates its own SEO-indexed URL.

[ PART B // COMPLETE 16-PAGE ARCHITECTURE & INDEXING REFERENCE ]16 SPECIFICATION ROWS

Route Path	Page Name	Layout Shell & Type	Google Indexing
/CORE	Home (Flagship Overview)	Vanguard Site Shell • Static	Indexed ✓
/workCMS	Case Studies Index	Vanguard Site Shell • CMS Index	Indexed ✓
/work/:slugCMS	Case Study Detail Dossier	Vanguard Site Shell • CMS Detail	Indexed ✓
/servicesCORE	Capabilities, Retainers & Pricing	Vanguard Site Shell • Static	Indexed ✓
/aboutCORE	Thesis, Leadership & Benchmarks	Vanguard Site Shell • Static	Indexed ✓
/insightsCMS	Research & GTM Playbooks Index	Vanguard Site Shell • CMS Index	Indexed ✓
/insights/:slugCMS	Playbook Article Detail	Vanguard Site Shell • CMS Detail	Indexed ✓
/contactFUNNEL	Executive Pipeline Audit Intake	Vanguard Site Shell • Conversion	Indexed ✓
/lp/pipeline-auditPAID ADS	Paid Media Squeeze Landing Page	Standalone • No Top Nav	Indexed ✓
/calculatorTOOL	Interactive ROAS & CAC Simulator	Vanguard Site Shell • Lead Magnet	Indexed ✓
/careersTEAM	Open Senior Roles & Culture	Vanguard Site Shell • Static	Indexed ✓
/thank-youUTILITY	Post-Submission 48-Hr Roadmap	Vanguard Site Shell • Confirmation	noIndex 🔒
/privacyLEGAL	Privacy Policy & Data Governance	Vanguard Site Shell • Legal	Indexed ✓
/termsLEGAL	Terms of Engagement & MSA Summary	Vanguard Site Shell • Legal	Indexed ✓
/guideUNPUBLISH	Template Buyer Setup Manual (This Page)	Vanguard Site Shell • Documentation	noIndex 🔒
/404SYSTEM	Custom Signal Lost Error Page	Vanguard Site Shell • System 404	noIndex 🔒

[ PRO TIP // BEST PRACTICE ]

Use Cmd + K Quick Jump to Switch Pages Instantly

Press ⌘ + K (Mac) or Ctrl + K (Windows) anywhere inside the Framer editor and type a page name like 'calculator', 'services', or 'pipeline-audit' to jump straight to that canvas without scrolling the sidebar.

[ COMMON PITFALL // AVOID THIS ]

Don't Override Tablet/Phone Unless Necessary

If you manually change text or colors directly on the Tablet (810px) or Phone (390px) frame, Framer creates a blue 'override' lock on that breakpoint. Always edit text and colors on the Desktop (1200px) frame so Tablet and Phone stay synced.

[ START OF ONBOARDING MANUAL ]

[ CREATOR SUPPORT // CONVERT SPRINT STUDIO ]

Need Help Customizing Vanguard Signal for Your Agency?

Every license includes complimentary creator support from Convert Sprint Studio. Reach out with your Framer project link or request a bespoke custom integration.

Email Creator Support →OPEN REMIX TEMPLATE ↗

All 16 Production Pages Included in Vanguard Signal (+7 Design System Boards)