--- title: Documentation | Meridian Business Theme description: How to set up and customize the Meridian Business Theme for HubSpot CMS. --- [Meridian](https://demo.webdew.com/meridian) [About](https://demo.webdew.com/meridian/about-us) Services Product [Contact](https://demo.webdew.com/meridian/contact) [Log in](https://demo.webdew.com/meridian) [Get Started](https://demo.webdew.com/meridian/contact) [**Website Design** Custom sites built to convert](https://demo.webdew.com/meridian/services) [**Marketing Strategy** A plan for attracting the right customers](https://demo.webdew.com/meridian/services) [**Ongoing Support** Updates and hands-on help](https://demo.webdew.com/meridian/services) [**Local SEO** Show up when nearby customers search](https://demo.webdew.com/meridian/services) Free tool #### Get your Website Score See how your current site stacks up on speed, SEO, and conversion in 60 seconds. [Run free audit](https://demo.webdew.com/meridian/contact) [**Website Builder** Drag-and-drop pages, no code needed](https://demo.webdew.com/meridian/product) [**Unified Inbox** Every conversation, one place](https://demo.webdew.com/meridian/product) [**Automations** Follow up with leads automatically](https://demo.webdew.com/meridian/product) [**Analytics** See exactly what's driving leads](https://demo.webdew.com/meridian/product) See it live #### Watch a 2-minute demo See the builder, inbox, and automations in action before you talk to anyone. [Watch demo](https://demo.webdew.com/meridian/product) [About](https://demo.webdew.com/meridian/about-us) Services [Website Design](https://demo.webdew.com/meridian/services) [Marketing Strategy](https://demo.webdew.com/meridian/services) [Ongoing Support](https://demo.webdew.com/meridian/services) [Local SEO](https://demo.webdew.com/meridian/services) Product [Website Builder](https://demo.webdew.com/meridian/product) [Unified Inbox](https://demo.webdew.com/meridian/product) [Automations](https://demo.webdew.com/meridian/product) [Analytics](https://demo.webdew.com/meridian/product) [Contact](https://demo.webdew.com/meridian/contact) [Log in](https://demo.webdew.com/meridian) [Get Started](https://demo.webdew.com/meridian/contact) Documentation # Meridian Business Theme Meridian is a drag-and-drop HubSpot CMS theme for service businesses, agencies, and SaaS companies. Every page, section, and module is editable in the HubSpot page editor. No coding required. [View the live demo](https://demo.webdew.com/meridian). ## Getting started 1. Install Meridian from the HubSpot Template Marketplace. 2. Go to **Content \> Website Pages**, click **Create**, and choose **Meridian Business Theme**. 3. Pick a template, name your page, and start editing. 4. Set your brand colors and fonts once in **Theme settings** (see below). Every page updates automatically. ## Theme settings Open any Meridian page in the editor and click **Theme settings** (or go to **Content \> Themes**). You can control: - **Colors**: primary, secondary, accent, background, and text colors - **Typography**: heading and body fonts - **Links and buttons**: colors, hover colors, and corner radius - **Forms**: field and background colors ## Templates - **Home**: hero, tag marquee, logo strip, features, stats, testimonials, and a call to action - **About Us**: story, values, team, and stats - **Services**: a service card grid and FAQ - **Product**: a product showcase and feature grid - **Pricing**: pricing plans and FAQ - **Contact**: a HubSpot form with contact details - **Blog listing and blog post**: set these on your blog under **Settings \> Content \> Blog \> Templates** - **System pages**: 404, 500, search results, password prompt, and subscription pages ## Modules Drag any module onto a page from the **Add** panel in the editor: - Hero Banner, Call-to-Action Banner, Scrolling Tag Marquee - Logo Cloud, Feature Grid, Service Card Grid, Product Showcase - Stats Counter, Pricing Cards, FAQ Accordion - Team Member Grid, Testimonial Cards, Contact Form Ready-made **sections** (hero, features, pricing, FAQ, team, testimonials, CTA) are also available from the **Add \> Sections** panel. ## Header and footer The header and footer are global: edit them once and the change applies to every page. In the page editor, click the header or footer, then click **Edit global content**. From there you can: - Upload your logo - Edit navigation items, dropdown links, and the optional promo card in each dropdown - Change the header login link and button, footer link columns, social links, and copyright text ## Images Modules that use images show a neutral placeholder until you choose one. For best results, use logos 64px tall (SVG or PNG), team photos at least 400×400px, and product images at least 1200px wide. ## Accessibility and performance Meridian loads no third-party scripts. Animations use lightweight CSS and plain JavaScript, and they turn off automatically for visitors who have reduced motion enabled. The navigation, accordion, and mobile menu work with the keyboard and screen readers. ## Support Questions or issues? Email [web@webdew.com](mailto:web@webdew.com) and include the page URL and a short description. We usually reply within two business days. [Meridian](https://demo.webdew.com/meridian) The website & marketing system built for local and service-based businesses. Product [Website Builder](https://demo.webdew.com/meridian/product) [Automations](https://demo.webdew.com/meridian/product) [Pricing](https://demo.webdew.com/meridian/pricing) Company [About](https://demo.webdew.com/meridian/about-us) [Services](https://demo.webdew.com/meridian/services) [Contact](https://demo.webdew.com/meridian/contact) Get in touch [hello@example.com](mailto:hello@example.com) [+1 (555) 010-0100](tel:+15550100100) © webdew. All rights reserved. Instagram LinkedIn X