Foundation Website System

MrBrands.store Verified independent store

→

.product__media-wrapper,.product__media-list,.product__modal-opener,.thumbnail-slider{display:none!important} .product.grid{display:block!important}.product__info-wrapper{width:100 %!important;max-width:none!important;padding:0!important} .product__info-container{max-width:none!important}.product__info-container>:not(.product__description){display:none!important} .product__description{margin:0!important}.product__description>div{max-width:none!important} body{margin:0!important}.main-content,.page-container,.page-width,.rte,.shopify-section{max-width:none!important;margin:0!important;padding:0!important} .mbf,.mbf *{box-sizing:border-box}.mbf{--l:#D3F208;--n:#050505;--ink:#15170f;--muted:#65705d;--pale:#f5f8e9;--line:#dce4bd;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;overflow:hidden} .mbf button,.mbf input,.mbf select,.mbf textarea{font:inherit}.mbf a{text-decoration:none}.mb-wrap{width:min(1180px,calc(100% - 36px));margin:auto} .mb-brand{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;background:#050505;color:#fff} .mb-brand:before{content:"";position:absolute;left:0;right:0;height:96px;background:#050505;z-index:-1}.mb-brand a{display:flex;flex-direction:column;color:#fff!important;line-height:.83} .mb-brand a span{font-size:29px;letter-spacing:.16em;font-weight:500}.mb-brand a small{margin-top:9px;text-align:center;color:var(--l);font-size:11px;letter-spacing:.55em} .mb-brand>div{font-size:15px;color:#cfd4c9;font-weight:700} .mb-hero{padding:78px 0;background:radial-gradient(circle at 88% 10%,rgba(211,242,8,.20),transparent 34%),linear-gradient(135deg,#020202,#111207 68%,#1a1c0b);color:#fff} .mb-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:46px;align-items:center} .mb-k{display:inline-flex;align-items:center;gap:10px;color:var(--l);font-size:13px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.mb-k:before{content:"";width:36px;height:4px;background:var(--l);border-radius:99px} .mbf h1{max-width:860px;margin:15px 0 22px;color:#fff;font-size:clamp(48px,7.5vw,82px);line-height:.97;letter-spacing:-.058em}.mb-hero h1 span{color:var(--l)} .mb-lead{max-width:760px;margin:0;color:rgba(255,255,255,.78);font-size:21px;line-height:1.62} .mb-chips{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0}.mb-chip{padding:10px 14px;border:1px solid rgba(211,242,8,.25);border-radius:999px;background:rgba(211,242,8,.07);color:#fff;font-size:14px;font-weight:800} .mb-chip:before{content:"✓";margin-right:8px;color:var(--l);font-weight:950} .mb-btn{display:inline-flex;min-height:58px;align-items:center;justify-content:center;padding:15px 26px;border:2px solid var(--l);border-radius:14px;background:var(--l);color:#050505!important;font-size:17px;font-weight:950;cursor:pointer;box-shadow:0 16px 34px rgba(211,242,8,.15)} .mb-btn.dark{border-color:#282b20;background:#12130f;color:#fff!important;box-shadow:none}.mb-btn.outline{background:#fff;border-color:#ccd5aa;color:#10120c!important;box-shadow:none} .mb-btn:disabled{opacity:.5;cursor:not-allowed}.mb-hero-card{padding:31px;border:1px solid rgba(211,242,8,.28);border-radius:26px;background:rgba(255,255,255,.055);box-shadow:0 28px 72px rgba(0,0,0,.32)} .mb-hero-card small{display:block;color:var(--l);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mb-hero-card strong{display:block;margin:13px 0 10px;color:#fff;font-size:29px;line-height:1.15} .mb-hero-card p{margin:0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.62}.mb-price{display:flex;align-items:end;gap:10px;margin-top:25px}.mb-price b{color:var(--l);font-size:55px;line-height:1}.mb-price span{color:#d8ddcf;font-size:15px} .mb-sec{padding:82px 0}.mb-alt{background:radial-gradient(circle at 92% 7%,rgba(211,242,8,.10),transparent 31%),var(--pale)}.mb-dark{background:radial-gradient(circle at 90% 10%,rgba(211,242,8,.14),transparent 35%),linear-gradient(135deg,#030303,#111208);color:#fff} .mb-head{max-width:880px;margin:0 auto 42px;text-align:center}.mb-head .mb-k{color:#647300}.mb-dark .mb-head .mb-k{color:var(--l)} .mbf h2{margin:12px 0 15px;font-size:clamp(36px,5vw,58px);line-height:1.04;letter-spacing:-.045em}.mb-dark h2{color:#fff}.mb-head p,.mb-intro{margin:0;color:var(--muted);font-size:19px;line-height:1.7}.mb-dark .mb-head p,.mb-dark .mb-intro{color:rgba(255,255,255,.7)} .mb-answers,.mb-tiles,.mb-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.mb-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 16px 44px rgba(18,24,1,.07)} .mb-card b{display:block;margin-bottom:10px;color:#647400;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.mb-card strong{display:block;margin-bottom:8px;font-size:23px;line-height:1.18}.mb-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.58} .mb-dark .mb-card{border-color:rgba(211,242,8,.18);background:rgba(255,255,255,.045);box-shadow:none}.mb-dark .mb-card strong{color:#fff}.mb-dark .mb-card p{color:rgba(255,255,255,.67)} .mb-builder{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:start}.mb-form,.mb-summary{border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 20px 58px rgba(25,31,2,.10)} .mb-form{padding:30px}.mb-summary{position:sticky;top:18px;padding:28px}.mb-step{padding:27px 0;border-bottom:1px solid #e5ebce}.mb-step:first-child{padding-top:0}.mb-step:last-child{padding-bottom:0;border:0} .mb-step h3{margin:0 0 9px;font-size:25px;line-height:1.2}.mb-step>p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.6}.mb-num{display:inline-grid;width:34px;height:34px;place-items:center;margin-right:9px;border-radius:50%;background:#080808;color:#fff;font-size:14px} .mb-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mb-options.three{grid-template-columns:repeat(3,minmax(0,1fr))} .mb-opt{min-height:64px;padding:14px;border:1px solid #ccd5aa;border-radius:14px;background:#fff;color:#17190f;font-weight:900;cursor:pointer;text-align:left}.mb-opt:hover{border-color:#9fb700}.mb-opt.on{padding:13px;border:2px solid var(--l);background:#f8ffd4;box-shadow:0 0 0 4px rgba(211,242,8,.18)} .mb-opt small{display:block;margin-top:4px;color:#68705d;font-size:13px;font-weight:650}.mb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mb-field{display:grid;gap:6px}.mb-field.full{grid-column:1/-1} .mb-label{font-size:15px;font-weight:900}.mb-input,.mb-select,.mb-textarea{width:100%;min-height:54px;padding:13px 14px;border:1px solid #cbd4aa;border-radius:12px;background:#fff;color:#17190f;outline:none;font-size:16px} .mb-textarea{min-height:120px;resize:vertical}.mb-input:focus,.mb-select:focus,.mb-textarea:focus{border-color:var(--l);box-shadow:0 0 0 4px rgba(211,242,8,.18)} .mb-check{display:grid;grid-template-columns:23px 1fr;gap:10px;align-items:start;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--pale)}.mb-check input{width:20px;height:20px;accent-color:#aec700}.mb-check label{color:var(--muted);font-size:14px;line-height:1.55} .mb-summary h3{margin:0 0 12px;font-size:28px}.mb-summary-price{font-size:52px;font-weight:950;line-height:1}.mb-summary-price small{font-size:15px;color:var(--muted);font-weight:700}.mb-summary-unit{margin:10px 0 18px;color:#556200;font-size:16px;font-weight:900} .mb-line{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #e5ebce;color:var(--muted);font-size:14px}.mb-line strong{color:#303526;text-align:right}.mb-line:last-of-type{border:0} .mb-notice{display:none;margin:13px 0;padding:13px;border:1px solid #d8e58c;border-radius:12px;background:#f4ffc9;color:#465020;font-size:13px;line-height:1.55}.mb-notice.show{display:block}.mb-notice.error{border-color:#efb9a7;background:#fff0eb;color:#6d2f1f} .mb-wide{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.mb-list{margin:0;padding:0;list-style:none}.mb-list li{position:relative;padding:13px 0 13px 32px;border-bottom:1px solid #e2e8cc;color:#4f5949;font-size:17px}.mb-list li:before{content:"✓";position:absolute;left:0;color:#8fa500;font-weight:950} .mb-faq{max-width:920px;margin:auto}.mb-faq details{border-bottom:1px solid var(--line);padding:20px 4px}.mb-faq summary{cursor:pointer;list-style:none;font-size:19px;font-weight:900}.mb-faq summary::-webkit-details-marker{display:none}.mb-faq summary:after{content:"+";float:right;color:#8ca300;font-size:27px}.mb-faq details[open] summary:after{content:"–"}.mb-faq p{margin:13px 35px 0 0;color:var(--muted);font-size:16px;line-height:1.65} .mb-final{padding:76px 0;text-align:center;background:#050505;color:#fff}.mb-final h2{color:#fff}.mb-final p{max-width:760px;margin:0 auto 24px;color:#cbd1c4;font-size:19px}.mb-sticky{display:none} @media(max-width:930px){.mb-grid,.mb-builder,.mb-wide{grid-template-columns:1fr}.mb-summary{position:static}.mb-answers,.mb-tiles,.mb-process{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:640px){.mb-wrap{width:min(100% - 22px,1180px)}.mb-brand{min-height:82px}.mb-brand:before{height:82px}.mb-brand>div{display:none}.mb-brand a span{font-size:23px}.mb-brand a small{font-size:9px}.mb-hero{padding:55px 0}.mbf h1{font-size:48px}.mb-lead{font-size:19px}.mb-sec{padding:62px 0}.mb-head{margin-bottom:31px}.mb-head p,.mb-intro{font-size:18px}.mb-answers,.mb-tiles,.mb-process,.mb-options,.mb-options.three,.mb-fields{grid-template-columns:1fr}.mb-form,.mb-summary{padding:20px}.mb-card{padding:23px}.mb-sticky{display:flex;position:fixed;z-index:40;left:10px;right:10px;bottom:10px}.mb-final{padding-bottom:96px}} html,body{overflow-x:hidden!important} /* Remove the native Shopify page title and its surrounding spacing. */ body.template-page .section-header, body.template-page .section-header__title, body.template-page .page-title, body.template-page .main-page-title, body.template-page main>.page-width>h1:first-child, body.template-page .main-content>.page-width>h1:first-child, body.template-page .page-width>.section-header, body.template-page .page-width>.section-header__title, .template-page .section-header, .template-page .section-header__title, .template-page .page-title, .template-page .main-page-title{display:none!important} body.template-page main, body.template-page .main-content, body.template-page .page-container, body.template-page .page-width, body.template-page .rte, .template-page main, .template-page .main-content, .template-page .page-container, .template-page .page-width, .template-page .rte{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } /* Hide every native Shopify product component but preserve the description, because the complete customer funnel lives inside the description. */ .product-single{display:block!important;width:100%!important;max-width:none!important;margin:0!important} .product-single>.grid__item{ width:100%!important; max-width:none!important; float:none!important; margin:0!important; padding:0!important; } .product-single__media-group, .product-single__media-wrapper, .product__media-wrapper, .product__media-list, .product__modal-opener, .thumbnail-slider, .product-single__title, .product-single__vendor, .product-single__policies, .product-single__meta>.price, .product-single__meta>.product__price, .product-single__meta [data-price-wrapper], .product-single__meta>.product-form, .product-single__meta .product-form, .product-single__meta .shopify-payment-button, .product__info-container>.price, .product__info-container>.product-form, .product__info-container .shopify-payment-button, .product__info-wrapper .product-form, .product__info-wrapper .shopify-payment-button, .social-sharing, .product-recommendations, .product-recommendations-wrapper, .product-recommendations__inner, .related-products, .related-products-wrapper, #shopify-section-product-recommendations, [id*="product-recommendations"]{ display:none!important; } .product-single__meta, .product__info-wrapper, .product__info-container{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } .product-single__meta>*:not(.product-single__description), .product__info-container>*:not(.product__description), .product__info-wrapper>*:not(.product__description):not(.product__info-container){ display:none!important; } .product-single__description, .product__description{ display:block!important; order:-100!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } .product-single__description>.rte, .product-single__description>div, .product__description>.rte, .product__description>div{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } /* Stop the Shopify theme from uppercasing or over-sizing funnel typography. */ .mbf, .mbf *{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; } .mbf h1,.mbf h2,.mbf h3,.mbf p,.mbf button,.mbf input,.mbf select,.mbf textarea{ text-transform:none!important; } .mbf h1,.mbf h2,.mbf h3{ font-weight:800!important; font-style:normal!important; } .mbf h1{letter-spacing:-.052em!important} .mbf h2{letter-spacing:-.042em!important} .mbf h3{letter-spacing:-.025em!important} .mbf .mb-btn,.mbf .mb-opt{ letter-spacing:0!important; text-transform:none!important; } /* Cleaner customer-facing brand strip using the official MR logo. */ .mbf .mb-brand{ position:relative!important; z-index:2!important; min-height:84px!important; padding:14px max(18px,calc((100vw - 1180px)/2))!important; background:#050505!important; border:0!important; } .mbf .mb-brand:before{display:none!important} .mbf .mb-brand-home{ display:flex!important; flex-direction:row!important; align-items:center!important; gap:12px!important; min-width:0!important; color:#fff!important; } .mbf .mb-brand-home img{ display:block!important; width:54px!important; height:54px!important; flex:0 0 54px!important; border-radius:14px!important; object-fit:cover!important; } .mbf .mb-brand .mb-brand-word{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:5px!important; line-height:1!important; font-size:inherit!important; letter-spacing:0!important; } .mbf .mb-brand .mb-brand-word b{ color:#fff!important; font-size:21px!important; font-weight:800!important; letter-spacing:.13em!important; line-height:1!important; } .mbf .mb-brand .mb-brand-word small{ margin:0!important; color:#D3F208!important; font-size:9px!important; font-weight:800!important; letter-spacing:.46em!important; line-height:1!important; text-align:left!important; } .mbf .mb-brand>div{ color:#cfd4c9!important; font-size:15px!important; font-weight:700!important; } /* The recommendation card should visibly acknowledge every changed answer. */ .mbf [data-rec-context]{ display:block!important; max-width:210px!important; overflow-wrap:anywhere!important; } @media(max-width:640px){ .mbf .mb-brand{ min-height:76px!important; padding:11px 13px!important; } .mbf .mb-brand-home{gap:10px!important} .mbf .mb-brand-home img{ width:48px!important; height:48px!important; flex-basis:48px!important; border-radius:12px!important; } .mbf .mb-brand .mb-brand-word b{ font-size:17px!important; letter-spacing:.105em!important; } .mbf .mb-brand .mb-brand-word small{ font-size:8px!important; letter-spacing:.36em!important; } .mbf .mb-brand>div{display:none!important} .mbf .mb-hero{padding:50px 0!important} .mbf h1{ font-size:43px!important; line-height:1.01!important; } .mbf h2{ font-size:34px!important; line-height:1.08!important; } .mbf .mb-step h3{ font-size:29px!important; line-height:1.16!important; } .mbf .mb-opt{ min-height:60px!important; padding:15px 16px!important; font-size:18px!important; line-height:1.3!important; } .mbf .mb-card strong{font-size:22px!important} .mbf .mb-final h2{font-size:35px!important} } For a larger professional website Build a stronger website foundation. Then grow it with more capacity. Foundation is for businesses that need a larger, more custom professional website than the focused Starter scope. It includes 50 Monthly Growth Units and Pulse Command Centre for website chat, voice customer service and organised follow-up. Larger professional website included50 Monthly Growth UnitsPulse Command Centre includedExpandable structureThree-month minimum, then rolling Start Foundation onboarding Clear package answerMove from a focused starter website into a stronger professional growth platform.Choose Foundation for a substantial replacement, broader service structure or more demanding customer journey. Pulse is included from the start. £570per month Know the package before checkout A larger professional website, more growth capacity and Pulse in one package. Foundation provides a broader build than Starter, while Growth Units continue developing it and Pulse organises website and phone enquiries. Price£570 monthlyLarger professional build and ongoing capacity in one system.Capacity50 unitsEnough room for the foundation and continued expansion.WebsiteIncludedA larger professional new or replacement website is part of the route.Term3 monthsThen the service continues on a rolling monthly basis.Pulse Command CentreIncludedAI website chatbot, AI voice customer service, one customer timeline and organised follow-up. What Foundation is designed to achieve Build the professional website structure the next stage of growth can use. Foundation connects the website build, core service architecture, priority markets, customer answers, proof and Pulse into one usable business system. SEOStructure core services and priority marketsCreate a crawlable architecture, focused pages, metadata and internal links around the most valuable opportunities.AEOExplain decisions clearlyAnswer the questions customers ask before comparing, trusting or contacting the business.GEOStrengthen facts, proof and entity clarityConnect services, locations, experience, reviews and case studies so AI systems can interpret the business accurately.Conversion + PulseTurn visibility into organised follow-upUse stronger funnels and Pulse to connect website interest, customer context and the next human action. What is included Build a larger professional foundation and leave room for future growth. Professional website build or replacement Clear service and customer journey structure Mobile-first design and conversion routes SEO, AEO and GEO foundations 50 Monthly Growth Units for ongoing development Pulse Command Centre with AI website chatbot and AI voice customer service Maintenance, content expansion and agreed improvements Package boundaryFoundation is built for a controlled professional starting point. Not an unlimited bespoke software build Premium applications and licences may cost separately No guarantee of fixed rankings or enquiry volume Complex integrations may require separate scope Package onboarding Give the website project a clear commercial starting point. Share the main services, markets, proof and first priorities so the build begins with the right structure. 1Tell us about the business. The details travel with the Shopify order so the first planning stage begins with useful context. Contact name * Business name * Email * Telephone Current website What must the new or replacement website achieve first? * 2Confirm the starting terms. I confirm the information is accurate and understand that rankings, enquiries, snippets and AI recommendations cannot be guaranteed. Your selected package Foundation Website System £570per month Website + 50 Monthly Growth Units Commitment3 months, then rolling WebsiteLarger professional build included Pulse Command CentreIncluded at no extra monthly charge Checking the monthly Shopify purchase option. Add package to cart How delivery works Plan, build, launch and expand. The website is created around the real business rather than an empty theme. STEP 01PlanMap services, customers, locations, proof and the conversion route.STEP 02BuildCreate the structure, design, content and core pages.STEP 03LaunchCheck mobile, forms, metadata, links and customer actions.STEP 04ExpandUse monthly units to add coverage, proof and improvements. Selected website projects See the websites and customer journeys already built by MrBrands. Review examples across commercial roofing, local automotive booking, subscription services and interactive publishing before choosing a package. View selected MrBrands website projects Customer feedback“Great Design and wording. The whole process is stress free.”Visible project proof and five-star customer feedback support the service claims. Frequently asked questions Questions before choosing Foundation. How is Foundation different from Starter?Starter includes a starter website and 10 Monthly Growth Units. Foundation provides a larger professional website, 50 Monthly Growth Units and Pulse Command Centre.Which platforms can be used?The best route depends on the project, but Shopify and WordPress can both be supported.Can the website grow after launch?Yes. The 50 Monthly Growth Units continue developing pages, proof, search coverage and conversion.Is the Pulse Command Centre included?Yes. Foundation includes the client’s own Pulse Command Centre, AI website chatbot and AI voice customer service agent at no additional MrBrands monthly charge while the package remains active.Can annual work be front-loaded?Suitable work can be completed earlier where a longer commitment, access and delivery plan are agreed. Ready when you are Build the larger professional website the next stage of growth can use. Choose Foundation when the business needs a more substantial website than the focused Starter package, more monthly capacity and Pulse. Start Foundation onboarding Choose Foundation (function(){ var root=document.querySelector('.mbf[data-handle="foundation-website-system"]');if(!root)return; var shopRoot=(window.Shopify&&Shopify.routes&&Shopify.routes.root)||"/",product=null,choice=null; function q(s,x){return(x||root).querySelector(s)}function all(s,x){return Array.prototype.slice.call((x||root).querySelectorAll(s))} function pick(){if(!product)return null;var list=(product.variants||[]).filter(function(v){return v.available!==false});var m="FOUNDATION WEBSITE SYSTEM";if(m){var rx=new RegExp(m,"i");var exact=list.find(function(v){return rx.test(v.title||"")&&true?!/\bAI\b/i.test(v.title||""):true});if(exact)return exact}return list[0]||null} function plan(v){var a=v&&v.selling_plan_allocations||[];return a.length?a[0]:null} function money(p){return new Intl.NumberFormat("en-GB",{style:"currency",currency:"GBP",minimumFractionDigits:0,maximumFractionDigits:2}).format((Number(p)||0)/100)} function props(){var o={};all("[data-prop]").forEach(function(f){var v=f.type==="checkbox"?(f.checked?"Yes":"No"):String(f.value||"").trim();if(v)o[f.dataset.prop]=v});o["Selected package"]="Foundation Website System";o["_Funnel source"]="MrBrands large product funnel";o["Pulse Command Centre"]="Included at no additional monthly charge";return o} function valid(){var fs=all("[required]");for(var i=0;i Show more