SEO Demo: Included Pages & How to Customize It

Canvas ships a focused demo built for SEO agencies, consultants, and in-house marketing teams that need a credible home for their services. The kit bundles ten ready made pages covering the full client journey, from an attention grabbing home page and detailed service breakdowns to a content marketing hub, case study showcase, and a dedicated contact page. Typography is set in Poppins for a clean modern read, and an orange theme color (#FE9603) accents CTAs and highlights without overwhelming the layout.

The demo uses a stretched layout with a transparent header that shifts into a floating header on scroll, giving every page room to breathe while keeping navigation close at hand. Header sizing is set to medium so the brand mark and menu sit comfortably beside hero content. Each page is structured around the kind of content SEO buyers actually look for, including an FAQ page, a digital analysis report style page, and an experience page that walks visitors through customer journey optimization, so the demo feels like a real agency site rather than a template.

Open the live preview

What's included

Page	Description
demo-seo.html	A high converting home page that frames your SEO services and lead generation offer with strong above the fold messaging, service highlights, and multiple CTA paths.
demo-seo-about.html	An about page that introduces the agency, its team philosophy, and the story behind the practice to build trust with prospective clients.
demo-seo-adwords.html	A dedicated landing page for paid search that explains your Adwords campaign management approach, deliverables, and reporting process.
demo-seo-analysis.html	A digital analysis page styled like a findings report, ideal for presenting audits, technical reviews, and data driven recommendations.
demo-seo-contact.html	A streamlined contact page with a clear enquiry form, office details, and supporting information to convert visitors into leads.
demo-seo-content-marketing.html	A content marketing services page that outlines strategy, production, and distribution services for blogs, articles, and long form assets.
demo-seo-experience.html	A showcase page that walks visitors through your customer journey optimization work, case studies, and the measurable results you deliver.
demo-seo-faqs.html	An FAQ page that addresses common questions about SEO services, pricing models, timelines, and expectations to pre sell visitors before they reach out.
demo-seo-optimizations.html	An SEO optimizations page that breaks down your technical, on page, and off page optimization services in a scannable format.
demo-seo-social.html	A social media marketing services page that positions your team to handle organic posting, community management, and paid social campaigns.

The demo's own styles live in demos/seo/seo.css. Shared framework styles come from style.css and css/font-icons.css.