Skip to content
Mistral Studio

Page templates

What each of the 14 page templates is for, which modules it opens with, and when to use it.

Updated August 23, 2026 · 4 min read · Applies from version 1.0.0

Pick a template when you create a page (Content → Website Pages → Create). You can switch a page's template later from Settings → Template in the page editor. Every template below shares the global header and footer, except the full-width landing page.

Website pages

TemplatePurposeOpens with
HomeThe agency front page.Opening hero with client logos, agency statement with key figures, services grid, featured case studies panel, method board, technology ecosystem orbit, team, FAQ accordion, latest articles with closing call to action.
AboutWho you are.Section heading, media gallery, key figures, two-column text block, numbered value cards, timeline of milestones, team, awards list, dark call to action.
ServicesThe overview of your practices.Expertise showcase (heading + services grid), case study proof with customer quote, method steps with FAQ, dark call to action.
Service detailOne practice, one page.Service header with icon and badge, checklist, process steps, testimonial, feature teaser, team, related links as pills, latest blog posts, dark call to action.
Case studies listingAll your projects, with tag filters.Section heading, case studies grid with tag filters, dark call to action.
Case studyOne project.Case study header with key facts, media gallery, key figures, long-form narrative with sticky sidebar, second media gallery, feature teaser (next project), dark call to action.
ContactContact page.Contact details with embedded form + newsletter signup band (the "Contact details with newsletter band" section).
Legal pagePrivacy policy, terms of service, legal notice.Section heading + long-form text block for policy pages.
Thank you pageAfter a form submission, a download or a booking.Confirmation panel with next steps, latest blog posts, dark call to action.

Landing pages

Three landing templates, each with a distinct purpose, plus the thank-you page above.

TemplatePurposeNotes
Landing page full widthConversion page.The only template that replaces the global header and footer with a slim Landing page header (logo, optional phone number, one call-to-action button, no menu) and a Landing page footer (logo, legal links, copyright, optional social links). Opens with a lead capture hero, client logos, key figures, testimonial, FAQ accordion and a dark call to action.
Landing page with sidebarArticle plus a sticky form column.The lead capture module in its Sticky form card only layout sits in a 4-column sidebar next to an 8-column article (intro statement, two-column text, checklist, testimonial, FAQ), followed by a dark call to action. Keeps the global header and footer.
Landing page content downloadLead magnet with a cover image.Lead capture hero with the Ebook cover image style, checklist, intro statement, client logos, dark call to action. Keeps the global header and footer.

Blog

TemplatePurpose
Blog listingThe blog's listing page: section heading, featured post banner, posts grid with topic filters and pagination, newsletter signup band, dark call to action.
Blog postThe article page: blog post body with sticky author sidebar, latest blog posts (related by tag), dark call to action.

Both are assigned to your blog in Settings → Content → Blog → Templates. See Blog.

System templates

Eleven more templates cover HubSpot's system pages (404, 500, search results, password prompt, email subscription pages) and the membership pages. They are assigned in the settings rather than picked when creating a page. See System pages and Membership pages.

Demo content

Every template opens with fictional company names, projects, figures, testimonials and team members, and with the theme's original photography. Replace them before publishing. The home page's technology orbit also displays third-party logos — read Images and brand marks before you publish it.

See also