--- title: "Powering a Sports Portfolio: BuildingSportsPage on Peerless" description: "How we built sportspage.io as a child theme of Peerless: ten custom modules, everything else inherited, and one repo deploying two production sites." image: https://fcpsolution.com/hubfs/peerless-h-new.jpg --- [Skip to content](https://fcpsolution.com/blog/powering-a-sports-portfolio-building-sportspage-io-on-peerless#main-content) [![Peerless-h-3](https://fcpsolution.com/hs-fs/hubfs/Peerless-h-3.png?width=1024&height=274&name=Peerless-h-3.png "Peerless-h-3")](https://fcpsolution.com/) - [Contact](https://fcpsolution.com/contact) - [Careers](https://fcpsolution.com/careers) - [Terms](https://fcpsolution.com/terms) - [Privacy](https://fcpsolution.com/privacy) - [User Agreement](https://fcpsolution.com/license) This is a search field with an auto-suggest feature attached. - There are no suggestions because the search field is empty. - [Home](https://fcpsolution.com) - [Team](https://fcpsolution.com/team) - [About](https://fcpsolution.com/about) - [Templates](https://fcpsolution.com/template) - [Pricing](https://fcpsolution.com/pricing) - [Blog](https://fcpsolution.com/blog) - [Docs](https://fcpsolution.com/docs) [Home](https://fcpsolution.com/template/home) [About](https://fcpsolution.com/template/about) [Contact](https://fcpsolution.com/template/contact) [Meet the team](https://fcpsolution.com/team) [Landing Page](https://fcpsolution.com/template/landing-page) [Compare](https://fcpsolution.com/template/compare) [Pricing](https://fcpsolution.com/template/pricing) [Services](https://fcpsolution.com/template/services) [Theme Rates](https://fcpsolution.com/pricing/theme-rates) [Hourly Rates](https://fcpsolution.com/pricing/hourly-rates) [Services](https://fcpsolution.com/services) [Team](https://fcpsolution.com/team) [Product Updates](https://fcpsolution.com/blog#product-updates) - [What Makes Peerless Different](https://fcpsolution.com/blog/what-makes-peerless-different-from-other-hubspot-themes) - [New Pricing Table](https://fcpsolution.com/blog/a-new-pricing-table-module-built-for-side-by-side-comparison) - [Blog Feed Module v2](https://fcpsolution.com/blog/blog-feed-v2-tag-filtered-feeds-and-faster-cards) - [A Cleaner Mobile Experience](https://fcpsolution.com/blog/a-cleaner-mobile-menu-hamburger-fixes-across-the-theme) [Guides & Tutorials](https://fcpsolution.com/blog#guides-tutorials) - [Take control of styling Peerless blog content](https://fcpsolution.com/blog/four-css-classes-for-better-blog-posts) - [Core Web Vitals on Hubspot CMS](https://fcpsolution.com/blog/how-to-pass-core-web-vitals-on-hubspot-cms) - [Getting Started With the Peerless Theme](https://fcpsolution.com/blog/getting-started-with-the-peerless-theme) - [Making HubSpot pages fast!](https://fcpsolution.com/blog/making-hubspot-pages-fast-a-practical-checklist) [Case Studies](https://fcpsolution.com/blog#case-studies) - [From Drupal to Hubspot](https://fcpsolution.com/blog/from-drupal-to-hubspot-rebuilding-paloaltou-edu-with-peerless) [Company News](https://fcpsolution.com/blog#company-news) - [Our Story](https://fcpsolution.com/blog/the-story-behind-fcp-solutions-and-peerless) - [A pleasant page editing experience with Peerless](https://fcpsolution.com/blog/why-peerless-modules-ship-with-zero-margins) - [Peerless Documentation](https://fcpsolution.com/blog/the-peerless-documentation-hub-is-live) [Marketing Tips](https://fcpsolution.com/blog#marketing-tips) - [The anatomy of a high-converting CTA](https://fcpsolution.com/blog/the-anatomy-of-a-high-converting-cta) - [Why your blog needs tag-based catergories](https://fcpsolution.com/blog/why-your-hubspot-blog-needs-tag-based-categories) - [Blog catergories into topics that rank](https://fcpsolution.com/blog/turn-your-blog-categories-into-topic-hubs-that-rank) [User Documentation](https://fcpsolution.com/docs) [QA](https://fcpsolution.com/docs/qa-test) [All Modules](https://fcpsolution.com/all-modules) [Styling Blogs](https://fcpsolution.com/blog/four-css-classes-for-better-blog-posts) [Privacy](https://fcpsolution.com/privacy) [Home](https://fcpsolution.com/) › [Blog](https://fcpsolution.com/blog) › Powering a Sports Portfolio: BuildingSportsPage on Peerless [Sportspage](https://fcpsolution.com/blog/tag/sportspage) Jul 8, 2026 # Powering a Sports Portfolio: BuildingSportsPage on Peerless ![Kayron Macon](https://fcpsolution.com/hubfs/51e36cf3-1169-43d4-8a7e-13b7cfa596f8.jpeg) [Kayron Macon](https://fcpsolution.com/blog/author/kayron-macon) Most theme demos live on a staging URL nobody visits. We wanted a harder test for Peerless: a real production site with its own brand, its own audience, and plenty of reasons to diverge from the base theme. That site is [sportspage.io](https://sportspage.io), a portfolio platform built for athletes. ![Athletics-1](https://fcpsolution.com/hs-fs/hubfs/Imported_Blog_Media/Athletics-1-1.png?width=1095&height=968&name=Athletics-1-1.png) ## The brief Sports Page needed things a business theme does not ship with: athlete stat blocks, recruitment-focused profile layouts, and a visual identity that looks nothing like a software company site. The question was whether Peerless could power it without being forked into a second codebase we would have to maintain forever. ## A child theme, not a fork HubSpot themes support inheritance, so Sportfolio (the theme behind sportspage.io) declares a single line in its `theme.json`: `"extends": "src"`, pointing at Peerless. Every module, template, layout, and stylesheet in the base theme is available immediately. A fork would have meant fixing every bug twice; a child theme means the base keeps improving underneath the site that extends it. ## Ten modules where it mattered ![template-1w-2](https://fcpsolution.com/hs-fs/hubfs/Imported_Blog_Media/template-1w-2-1.png?width=1243&height=995&name=template-1w-2-1.png) Peerless ships with more than forty modules. Sportfolio adds just ten of its own: two stat-block variants, a testimonial layout, a social connect block, a header variant, and a page-turn animation toggle among them. Navigation, footer, forms, the blog, CTAs, pricing tables: all inherited, zero lines rewritten. The home and landing page templates are the only structural overrides. ## Rebranding was a variable swap ![statistics-1](https://fcpsolution.com/hs-fs/hubfs/Imported_Blog_Media/statistics-1-1.png?width=887&height=847&name=statistics-1-1.png) The two sites share almost all of their CSS and look nothing alike. Peerless keeps its design tokens in CSS variables at `:root`, so the child theme restyles by reassigning tokens rather than overriding rules selector by selector. The ITCSS layering keeps those overrides shallow and predictable. It is the same mechanism we describe in [Theming with CSS Variables](https://fcpsolution.com/blog/theming-with-css-variables-one-change-whole-site), exercised on a real brand instead of a hypothetical. ## One repo, two production sites There is no build step. Both themes live in one repository, and pushing a branch triggers a deploy of both to the matching HubSpot environment: sandbox, staging, or production. Fix something in the base theme and fcpsolution.com and sportspage.io both pick it up on the next push. The marginal cost of the second production site was ten modules and a stylesheet. ## The takeaway for agencies This is the workflow we would hand any team running multiple client sites on HubSpot: one disciplined base theme, thin child themes per brand, and spacing owned by sections so pages stay predictable, a principle we covered in [Why Peerless Modules Ship with Zero Margins](https://fcpsolution.com/blog/why-peerless-modules-ship-with-zero-margins). Build the hard parts once; let every site after that be mostly configuration. [Sportspage](https://fcpsolution.com/blog/tag/sportspage), [Case Studies](https://fcpsolution.com/blog/tag/case-studies) ## About the Author Founder, Developer, Marketer of Sports Page. ## Comments Share this Page [![](https://fcpsolution.com/hubfs/raw_assets/public/src/images/icons/linkedin-in.svg)](https://www.linkedin.com/sharing/share-offsite/?url=https://fcpsolution.com/blog/powering-a-sports-portfolio-building-sportspage-io-on-peerless) [![](https://fcpsolution.com/hubfs/raw_assets/public/src/images/icons/x-twitter.svg)](https://twitter.com/share?url=https://fcpsolution.com/blog/powering-a-sports-portfolio-building-sportspage-io-on-peerless&text=Powering%20a%20Sports%20Portfolio:%20BuildingSportsPage%20on%20Peerless%20-%20How%20we%20built%20sportspage.io%20as%20a%20child%20theme%20of%20Peerless:%20ten%20custom%20modules,%20everything%20else%20inherited,%20and%20one%20repo%20deploying%20two%20production%20sites.) [![](https://fcpsolution.com/hubfs/raw_assets/public/src/images/icons/facebook-f.svg)](https://www.facebook.com/sharer/sharer.php?u=https://fcpsolution.com/blog/powering-a-sports-portfolio-building-sportspage-io-on-peerless%2F&title=Powering%20a%20Sports%20Portfolio:%20BuildingSportsPage%20on%20Peerless&picture=&description=How%20we%20built%20sportspage.io%20as%20a%20child%20theme%20of%20Peerless:%20ten%20custom%20modules,%20everything%20else%20inherited,%20and%20one%20repo%20deploying%20two%20production%20sites.) ![](https://fcpsolution.com/hubfs/raw_assets/public/src/images/icons/copy.svg) Link copied! Print this page ![](https://fcpsolution.com/hubfs/raw_assets/public/src/images/icons/print.svg) ## Related Posts ### [![](https://fcpsolution.com/hs-fs/hubfs/raw_assets/public/src/images/placeholders/image-coming-572.png?length=400&name=image-coming-572.png) July 20, 2026 Four CSS Classes That Make Peerless Blog Posts Easier to Read Four utility classes already built into Peerless let you float images, caption them, and stack link lists, all from the… ![](https://fcpsolution.com/hubfs/51e36cf3-1169-43d4-8a7e-13b7cfa596f8.jpeg) Kayron Macon](https://fcpsolution.com/blog/four-css-classes-for-better-blog-posts) ### [![](https://fcpsolution.com/hs-fs/hubfs/raw_assets/public/src/images/placeholders/image-coming-572.png?length=400&name=image-coming-572.png) July 12, 2026 What Makes Peerless Different From Other HubSpot Themes The specific architecture decisions -- no build step, zero-margin modules, ITCSS layering -- that separate Peerless… ![](https://fcpsolution.com/hubfs/51e36cf3-1169-43d4-8a7e-13b7cfa596f8.jpeg) Kayron Macon](https://fcpsolution.com/blog/what-makes-peerless-different-from-other-hubspot-themes) ### [![](https://fcpsolution.com/hs-fs/hubfs/raw_assets/public/src/images/placeholders/image-coming-572.png?length=400&name=image-coming-572.png) July 12, 2026 The Story Behind FCP Solutions and Peerless Why FCP Solutions builds Peerless as its own base theme, and how the same theme now powers more than one production… ![](https://fcpsolution.com/hubfs/51e36cf3-1169-43d4-8a7e-13b7cfa596f8.jpeg) Kayron Macon](https://fcpsolution.com/blog/the-story-behind-fcp-solutions-and-peerless) ### [![](https://fcpsolution.com/hs-fs/hubfs/raw_assets/public/src/images/placeholders/image-coming-572.png?length=400&name=image-coming-572.png) July 12, 2026 How to Pass Core Web Vitals on HubSpot CMS A practical checklist for hitting good Core Web Vitals scores on HubSpot CMS -- images, fonts, third-party scripts, and… ![](https://fcpsolution.com/hubfs/51e36cf3-1169-43d4-8a7e-13b7cfa596f8.jpeg) Kayron Macon](https://fcpsolution.com/blog/how-to-pass-core-web-vitals-on-hubspot-cms) ### [![](https://fcpsolution.com/hs-fs/hubfs/raw_assets/public/src/images/placeholders/image-coming-572.png?length=400&name=image-coming-572.png) July 12, 2026 The Anatomy of a High-Converting CTA What separates a call-to-action that converts from one that gets scrolled past -- copy, contrast, and placement, broken… ![](https://fcpsolution.com/hubfs/51e36cf3-1169-43d4-8a7e-13b7cfa596f8.jpeg) Kayron Macon](https://fcpsolution.com/blog/the-anatomy-of-a-high-converting-cta) ### [![](https://fcpsolution.com/hs-fs/hubfs/raw_assets/public/src/images/placeholders/image-coming-572.png?length=400&name=image-coming-572.png) July 8, 2026 Powering a Sports Portfolio: BuildingSportsPage on Peerless How we built sportspage.io as a child theme of Peerless: ten custom modules, everything else inherited, and one repo… ![](https://fcpsolution.com/hubfs/51e36cf3-1169-43d4-8a7e-13b7cfa596f8.jpeg) Kayron Macon](https://fcpsolution.com/blog/powering-a-sports-portfolio-building-sportspage-io-on-peerless) [![p-trail-2](https://fcpsolution.com/hs-fs/hubfs/p-trail-2.png?width=250&height=249&name=p-trail-2.png "p-trail-2")](https://fcpsolution.com/) ### Contact Us Primary Phone: [+1(860) 478-2023](tel:+18604782023) [WhatsApp](https://wa.me/18604782023) Email: [info@fcpsolution.com](mailto:info@fcpsolution.com) ### Company - [Home](https://fcpsolution.com/) - [About](https://fcpsolution.com/about) - [Team](https://fcpsolution.com/team) - [Pricing](https://fcpsolution.com/pricing) - [Contact](https://fcpsolution.com/contact) ### Explore - [Services](https://fcpsolution.com/services) - [Pricing](https://fcpsolution.com/pricing) - [Blog](https://fcpsolution.com/blog) - [Docs](https://fcpsolution.com/docs) - [Contact](https://fcpsolution.com/contact) Peerless is a HubSpot CMS theme built for clean design, fast deployment, and flexible content management. Crafted with semantic HTML, ITCSS, and HubSpot's drag-and-drop framework — no build step required. [Follow us on LinkedIn](https://www.linkedin.com) [Follow us on Instagram](https://www.instagram.com/peerless_hubspot) © For Client Peerless Solutions [Privacy Policy](https://fcpsolution.com/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Kayron Macon", "url" : "https://fcpsolution.com/blog/author/kayron-macon" }, "dateModified" : "2026-07-22T16:29:17.440Z", "datePublished" : "2026-07-08T04:00:00.000Z", "headline" : "Powering a Sports Portfolio: BuildingSportsPage on Peerless", "mainEntityOfPage" : { "@id" : "https://fcpsolution.com/blog/powering-a-sports-portfolio-building-sportspage-io-on-peerless", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://fcpsolution.com/hubfs/Peerless-h.jpg" } } } ```