--- title: Agency Homepage Demo | Flexoraa HubSpot CMS Theme description: "See a portfolio-led agency homepage built with Flexoraa: slider hero, filterable case study grid, timeline and team. Every section is a theme module." --- [![flexoraa](https://www.flexoraatheme.com/hubfs/flexoraa-logo/flexoraa-logo.svg "flexoraa")](https://www.flexoraatheme.com/?hsLang=en) [![flexoraa-white-logo-1x](https://www.flexoraatheme.com/hs-fs/hubfs/flexoraa-logo/flexoraa-white-logo-1x.png?width=532&height=99&name=flexoraa-white-logo-1x.png)](https://www.flexoraatheme.com/?hsLang=en) - Homepages - [V1 Default The starting point](https://www.flexoraatheme.com/homepage?hsLang=en) - [V3 Lead Gen Form in the hero, light header](https://www.flexoraatheme.com/homepage-3?hsLang=en) - [V5 Video Full bleed video background](https://www.flexoraatheme.com/homepage-5?hsLang=en) - [V2 Agency Portfolio led, slider hero](https://www.flexoraatheme.com/homepage-2) - [V4 Publisher Editorial and blog forward](https://www.flexoraatheme.com/homepage-4?hsLang=en) ![modern-house-15](https://www.flexoraatheme.com/hs-fs/hubfs/modern-house/modern-house-15.jpg?width=1920&height=1088&name=modern-house-15.jpg) ### New to Flexoraa? V1 is the one to copy first. Every template ships populated, so you edit a real page instead of an empty grid. [Open V1](https://www.flexoraatheme.com/homepage?hsLang=en) - Pages ### Company - [About Timeline, counters, values](https://www.flexoraatheme.com/about?hsLang=en) - [Team Cards with bio and socials](https://www.flexoraatheme.com/team?hsLang=en) - [Careers Job listing with filters](https://www.flexoraatheme.com/careers?hsLang=en) - [Contact HubSpot form and FAQ](https://www.flexoraatheme.com/contact?hsLang=en) ### Marketing - [Services Alternating media blocks](https://www.flexoraatheme.com/services?hsLang=en) - [Portfolio Category filters, load more](https://www.flexoraatheme.com/portfolio?hsLang=en) - [Pricing One plan or many](https://www.flexoraatheme.com/pricing?hsLang=en) ### Support - [FAQ Grouped accordions with anchors](https://www.flexoraatheme.com/faq?hsLang=en) - [Blog Four listing and post layouts](https://www.flexoraatheme.com/blog?hsLang=en) - System pages 404, 500, search, password and more. ### Landing Pages - [Lead Generation Lead Generation landing page structure.](https://www.flexoraatheme.com/lp-lead-generation?hsLang=en) - [Click Through Click through landing page structure.](https://www.flexoraatheme.com/lp-click-through?hsLang=en) - [Modules](https://www.flexoraatheme.com/modules?hsLang=en) - [Docs](https://flexoraatheme-docs.pages.dev/) [Instant Buy](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) [Instant Buy](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) 01 / 03 # We build the site. Your team runs it. A design studio working only in HubSpot CMS. Every site we ship is handed over with a design system the marketing team can actually operate. [See the work](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) [Start a project](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) 02 / 03 # Forty pages. One template. We migrated Fabrikam without a redesign, then handed the team a system they extended themselves inside a month. [Start the work](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) [Start a project](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) 03 / 03 # Launched Rapidly. Ravelin needed a product site and a blog before a funding announcement. It shipped on the module set, with no bespoke code. [See the work](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) [Start a project](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) ![image](https://www.flexoraatheme.com/hubfs/image.svg) ![image (1)](https://www.flexoraatheme.com/hubfs/image%20(1).svg) ![image (2)](https://www.flexoraatheme.com/hubfs/image%20(2).svg) ![image (3)](https://www.flexoraatheme.com/hubfs/image%20(3).svg) ![image (4)](https://www.flexoraatheme.com/hubfs/image%20(4).svg) ![image (5)](https://www.flexoraatheme.com/hubfs/image%20(5).svg) Selected Work ## Sites a two-person team still runs today. All SaaS B2B Agency All SaaS B2B Agency ![Group 1](https://www.flexoraatheme.com/hs-fs/hubfs/Group%201.png?width=300&height=400&name=Group%201.png) ##### Ravelin Product site and blog, launched in nine days. ![Group 1](https://www.flexoraatheme.com/hs-fs/hubfs/Group%201.png?width=300&height=400&name=Group%201.png) ##### Lumen Catalogue and lead capture in one flow. ![Group 2](https://www.flexoraatheme.com/hs-fs/hubfs/Group%202.png?width=300&height=400&name=Group%202.png) ##### Northwind Twelve service pages off one template. ![Group 2-1](https://www.flexoraatheme.com/hs-fs/hubfs/Group%202-1.png?width=300&height=400&name=Group%202-1.png) ##### Fabrikam Industrial Forty pages migrated without redesign. ![Group 3-1](https://www.flexoraatheme.com/hs-fs/hubfs/Group%203-1.png?width=300&height=400&name=Group%203-1.png) ##### Harbour Studio Portfolio with filtered case studies. ![Group 3-2](https://www.flexoraatheme.com/hs-fs/hubfs/Group%203-2.png?width=300&height=400&name=Group%203-2.png) ##### Tailspin Creative One template, six client microsites. Load more ![Lucid\_Origin\_A\_professional\_portrait\_of\_a\_young\_creative\_profe\_2](https://www.flexoraatheme.com/hs-fs/hubfs/person-img/Lucid_Origin_A_professional_portrait_of_a_young_creative_profe_2.jpg?width=1440&height=1440&name=Lucid_Origin_A_professional_portrait_of_a_young_creative_profe_2.jpg) > They did not hand us a website. They handed us a system, and then got out of the way. Six months on it still looks like the day it launched. Rina Aldarmaki Head of Digital, Northwind How we work ## We design the system, not just the pages. Every project ships on one set of tokens, so the site your team edits next year still looks like the one we launched. - Brand palette wired to every module - Light and Dark schemes on every section - Handover docs written for marketers [See the Numbers](https://www.flexoraatheme.com/homepage-2#numbers) ![modern-house-1](https://www.flexoraatheme.com/hs-fs/hubfs/modern-house/modern-house-1.jpg?width=1600&height=896&name=modern-house-1.jpg) Engagement ## Six weeks, start to handover. Week 1 #### Audit and tokens You have map your brand onto the theme's six colour tokens and the type scale, so every later decision inherits from one place. Weeks 2 to 3 #### Templates Homepage, inner pages and the blog, built from the module set rather than bespoke code. Weeks 4 to 5 #### Content build Pages populated, with the field help text written for the people who will edit them. Week 6 #### Publish Live your website. and enjoy the journey. The Studio ## Four people. No account managers. ![Lucid\_Origin\_A\_professional\_portrait\_of\_a\_young\_creative\_profe\_3](https://www.flexoraatheme.com/hs-fs/hubfs/person-img/Lucid_Origin_A_professional_portrait_of_a_young_creative_profe_3.jpg?width=1440&height=1440&name=Lucid_Origin_A_professional_portrait_of_a_young_creative_profe_3.jpg) ###### Sara Burns ###### Design lead ![team-23](https://www.flexoraatheme.com/hs-fs/hubfs/person-img/team-23.jpg?width=1600&height=896&name=team-23.jpg) ###### Marcus Keel ###### HubSpot developer ![Lucid\_Origin\_Blackandwhite\_portrait\_of\_a\_senior\_executive\_male\_3](https://www.flexoraatheme.com/hs-fs/hubfs/person-img/Lucid_Origin_Blackandwhite_portrait_of_a_senior_executive_male_3.jpg?width=1440&height=1440&name=Lucid_Origin_Blackandwhite_portrait_of_a_senior_executive_male_3.jpg) ###### Jen Park ###### Content strategy ![Flux\_Dev\_Professional\_studio\_portrait\_of\_a\_middleaged\_man\_with\_3 (1)](https://www.flexoraatheme.com/hs-fs/hubfs/person-img/Flux_Dev_Professional_studio_portrait_of_a_middleaged_man_with_3%20(1).jpg?width=1472&height=832&name=Flux_Dev_Professional_studio_portrait_of_a_middleaged_man_with_3%20(1).jpg) ###### Tomas Mielke ###### Founder ### 64 Sites shipped ### 6 wk Average build ### 98 % Retained clients ### 0 Account managers ## Tell us what you are launching. We take on four projects a quarter. If the timing works, we will send a scope in a week. [Start a project](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) [See the work](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa) [![flexoraa-logo-1.5x](https://www.flexoraatheme.com/hs-fs/hubfs/flexoraa-logo/flexoraa-logo-1.5x.png?width=797&height=149&name=flexoraa-logo-1.5x.png)](https://flexoraatheme.com/?hsLang=en) A Flexoraa theme built by a person who got tired of inheriting broken websites. - **Email** [support@flexoraatheme.com](mailto:support@flexoraatheme.com) ###### Homepages - [V1 Default](https://www.flexoraatheme.com/homepage?hsLang=en) - [V2 Agency](https://www.flexoraatheme.com/homepage-2) - [V3 Lead Gen](https://www.flexoraatheme.com/homepage-3?hsLang=en) - [V4 Publisher](https://www.flexoraatheme.com/homepage-4?hsLang=en) - [V5 Video](https://www.flexoraatheme.com/homepage-5?hsLang=en) ###### Pages - [About](https://www.flexoraatheme.com/about?hsLang=en) - [Team](https://www.flexoraatheme.com/team?hsLang=en) - [Careers](https://www.flexoraatheme.com/careers?hsLang=en) - [Services](https://www.flexoraatheme.com/services?hsLang=en) - [Portfolio](https://www.flexoraatheme.com/portfolio?hsLang=en) - [Contact](https://www.flexoraatheme.com/contact?hsLang=en) ###### Landing pages - [Lead Generation](https://www.flexoraatheme.com/lp-lead-generation?hsLang=en) - [Click Through](https://www.flexoraatheme.com/lp-click-through?hsLang=en) ###### Resources - [Documentation](https://flexoraatheme-docs.pages.dev/) - [Blog](https://www.flexoraatheme.com/blog?hsLang=en) - FAQ - Changelog - [Request Features](https://www.flexoraatheme.com/request-features?hsLang=en) --- © 2026 Flexoraa. All rights reserved. - [Privacy Policy](https://flexoraatheme.com/privacy-policy?hsLang=en) - [Terms of use](https://flexoraatheme.com/terms-of-use?hsLang=en)