--- title: Beevolution | Demo | Module | Atomic | Button description: Beevolution | Demo | Module | Atomic | Button --- - Pages - #### Content Pages - [Homepage](https://beevolution.bee.digital/) - [Home-01](https://beevolution.bee.digital/demo/page/home) - [About Us](https://beevolution.bee.digital/page/about-us) - [Contact](https://beevolution.bee.digital/page/contact-us) - [Legal](https://beevolution.bee.digital/page/legal) - [Pillar](https://beevolution.bee.digital/page/pillar) - [Services](https://beevolution.bee.digital/page/services) - [One Column](https://beevolution.bee.digital/page/one-column) - [Two Column](https://beevolution.bee.digital/page/two-column) - [Three Column](https://beevolution.bee.digital/page/three-column) - [Four Column](https://beevolution.bee.digital/page/four-column) - [Portfolio](https://beevolution.bee.digital/page/portfolio) - [Resources](https://beevolution.bee.digital/page/resources) - [Career](https://beevolution.bee.digital/page/career) - [Events](https://beevolution.bee.digital/page/events) #### Landing Pages - [Landing Page - Full Width](https://beevolution.bee.digital/page/full-width) - [Landing Page - Left Sidebar](https://beevolution.bee.digital/page/left-sidebar) - [Landing Page - Right Sidebar](https://beevolution.bee.digital/page/right-sidebar) - [Landing Page - Thank You](https://beevolution.bee.digital/page/thank-you) #### Blog - [Blog Overview](https://beevolution.bee.digital/blog) - [Blog Post](https://beevolution.bee.digital/blog/demo-blog-post) #### System Pages - [Error 404](https://1765345.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=DG-IYBHw7Gx_I20rxuG2lg&portalId=1765345&tc_deviceCategory=undefined&template_file_path=Beevolution%2Fbeevolution%2Ftemplates%2Fsystem%2F404.html&updated=1664767884117) - [Error 500](https://1765345.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=F1qdevgRySYEfgVpr6Pxqg&portalId=1765345&tc_deviceCategory=undefined&template_file_path=Beevolution%2Fbeevolution%2Ftemplates%2Fsystem%2F500.html&updated=1664774967926) - [Communication Preferences](https://1765345.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=cNNu3fvWXPr_GAOlViXBdw&portalId=1765345&tc_deviceCategory=undefined&template_file_path=Beevolution%2Fbeevolution%2Ftemplates%2Fsystem%2Fsubscription_preferences.html&updated=1664770919386) - [Email Unsubscribe](https://1765345.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=0mdkI4pzwso1n9aXcOnLKQ&portalId=1765345&tc_deviceCategory=undefined&template_file_path=Beevolution%2Fbeevolution%2Ftemplates%2Fsystem%2Fbackup_unsubscribe.html&updated=1664769804424) - [Email Unsubscribe Confirmation](https://1765345.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=tAjaTL_z979UQ1Zx10PSFg&portalId=1765345&tc_deviceCategory=undefined&template_file_path=Beevolution%2Fbeevolution%2Ftemplates%2Fsystem%2Fsubscriptions_confirmation.html&updated=1664772423320) - [Password](https://1765345.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=Kitehq4K1jGj0-al3ga6fw&portalId=1765345&tc_deviceCategory=undefined&template_file_path=Beevolution%2Fbeevolution%2Ftemplates%2Fsystem%2Fpassword_prompt.html&updated=1664769887146) - [Search Results](https://1765345.hubspotpreview-na1.com/_hcms/preview/template/multi?domain=undefined&hs_preview_key=wvr7B3pcDjhTjR2qzftuxA&portalId=1765345&tc_deviceCategory=undefined&template_file_path=Beevolution%2Fbeevolution%2Ftemplates%2Fsystem%2Fsearch_results.html&updated=1664772513379) - Modules - #### Section Modules - [Layer](https://beevolution.bee.digital/demo/components/layer-2) - [Gallery](https://beevolution.bee.digital/demo/components/gallery) - [Team](https://beevolution.bee.digital/demo/components/team) - [Tabs](https://beevolution.bee.digital/demo/components/tabs) - [Hero](https://beevolution.bee.digital/demo/components/hero) #### Molecular Modules - [Accordion](https://beevolution.bee.digital/demo/components/accordion) - [Breadcrumbs](https://beevolution.bee.digital/demo/components/breadcrumbs) - [Countdown](https://beevolution.bee.digital/demo/components/countdown) - [Counter](https://beevolution.bee.digital/demo/components/counter) - [Feature](https://beevolution.bee.digital/demo/components/feature) - [Form](https://beevolution.bee.digital/demo/components/form) - [Table](https://beevolution.bee.digital/demo/components/table) - [Testimonial](https://beevolution.bee.digital/demo/components/testimonial) - [Pricing](https://beevolution.bee.digital/demo/components/pricing) - [Stepper](https://beevolution.bee.digital/demo/components/stepper) #### Atoms Modules - [Button](https://beevolution.bee.digital/demo/components/button) - [Social](https://beevolution.bee.digital/demo/components/social) - [Content](https://beevolution.bee.digital/demo/components/content) - [Video](https://beevolution.bee.digital/demo/components/video) - Features - #### [Main Features](https://beevolution.bee.digital/page/feature#mainfeatures) Beevolution websites are packed with cool features, interactive elements & style settings taking your UX to the next level #### [Integrations](https://beevolution.bee.digital/page/feature#integrations) Reduce the cost of developing, deploying, maintaining application & data interfaces by using our ready to use Beevolution integrations #### [Frameworks](https://beevolution.bee.digital/page/feature#frameworks) Due to a solid integrated development environment (IDE) and performant frameworks which are compatible with Hubspot, we are able to develop our theme faster and more efficiently. - Support - - [Documentation](https://beevolution.bee.digital/documentation) - [FAQS](https://beevolution.bee.digital/page/faqs) #### Release Notes - coming soon #### Submit a ticket - coming soon #### Performance - [PageSpeed Insights](https://pagespeed.web.dev/report?url=https%3A%2F%2Fbeevolution.bee.digital%2F) - Extras - #### Bee Website Services - [Custom Webdesign](https://www.bee.digital/webdesign) - [UX Design](https://www.bee.digital/en/ux-design) - [SEO Services](https://www.bee.digital/seo-marketing) - [Website Migration](https://www.bee.digital/beevolution-hubspot-theme#challenge) - [Website Management](https://www.bee.digital/beevolution-hubspot-theme#challenge) - Figma Design (coming soon) #### Industry ready designs - Manufacturer (coming soon) - B2B Service provider (coming soon) - SaaS Companies (coming soon) - Consultants & Agencies (coming soon) ![search-icon](https://beevolution.bee.digital/hubfs/search-icon.svg) [Purchase now ![arrow-icon](https://beevolution.bee.digital/hubfs/arrow-icon.svg)](https://ecosystem.hubspot.com/marketplace/website/beevolution-by-bee-theme-by-bee) ## Theme Buttons [Button Text ![Vector (16)](https://beevolution.bee.digital/hs-fs/hubfs/Vector%20(16).png?width=14&height=14&name=Vector%20(16).png)](https://beevolution.bee.digital/) [Button Text](https://beevolution.bee.digital/) [Button Text ![button](https://beevolution.bee.digital/hubfs/Imported%20sitepage%20images/button.svg)](https://beevolution.bee.digital/) [Button Text](https://beevolution.bee.digital/) [Button Text ![button](https://beevolution.bee.digital/hubfs/beevolution/components/button.svg)](https://beevolution.bee.digital/) [Button Text](https://beevolution.bee.digital/) ## Button Types These button styles are generated automatically based on the configured brand colors in the theme settings. [Solid Background](https://beevolution.bee.digital/) [Outlined Border](https://beevolution.bee.digital/) ## Button Sizes All of the button styles from above can be paired with a variety of predefined button sizes. [Small Size](https://beevolution.bee.digital/) [Medium Size](https://beevolution.bee.digital/) [Large Size](https://beevolution.bee.digital/) [Full-Width Size](https://beevolution.bee.digital/) ## Button Colors You have the possibility to take the color setting from your default values or to define the color yourself via the Custom Coloring function. Here in the example our Beevolution colors are deposited. [Primary](https://beevolution.bee.digital/) [Primary](https://beevolution.bee.digital/) [Secondary](https://beevolution.bee.digital/) [Secondary](https://beevolution.bee.digital/) [Tertiary](https://beevolution.bee.digital/) [Tertiary](https://beevolution.bee.digital/) [Quarternary](https://beevolution.bee.digital/) [Quarternary](https://beevolution.bee.digital/) ## Button Icons On all button types as well as button sizes you can either use a Hubspot icon or your own image. Here you have the possibility to choose between Front Icon or Back Icon. [Small Size](https://beevolution.bee.digital/) [Small Size](https://beevolution.bee.digital/) [Medium Size](https://beevolution.bee.digital/) [Medium Size](https://beevolution.bee.digital/) [Large Size](https://beevolution.bee.digital/) [Large Size](https://beevolution.bee.digital/) ![Beevolution\_Logo-negative\_tb\_v1.1](https://beevolution.bee.digital/hubfs/Imported%20images/Beevolution_Logo-negative_tb_v1.1.svg) For mid-sized and large B2B companies with extensive and complex websites, BEE Digital offers outstanding websites, delivered quickly using the Beevolution HubSpot Theme in combination with BEE Website Services. ![hubspot-partner-diamond-badge](https://beevolution.bee.digital/hs-fs/hubfs/BEE_REDESIGN/Logos/partner_logos/hubspot-partner-diamond-badge.png?width=1000&height=991&name=hubspot-partner-diamond-badge.png) ## PRODUCTS - [Buy beevolution PRO Theme](https://beevolution.bee.digital/) ## SUPPORT - [Documentation](https://beevolution.bee.digital/documentation) - [Performance](https://pagespeed.web.dev/report?url=https%3A%2F%2Fbeevolution.bee.digital%2F) - [FAQ's](https://beevolution.bee.digital/page/faqs) - Submit a Ticket ## BEE Website SERVICES - [Website Migrations](https://www.bee.digital/en/beevolution-hubspot-website#challenge) - [Custom Webdesign](https://www.bee.digital/en/beevolution-hubspot-website) - [UX Design](https://www.bee.digital/en/ux-design) - [LeadGen Campaigns](https://www.bee.digital/en/leadgen-as-a-service) © 2026 BEE Digital Growth AG. All rights reserved. Created with the BEE.Theme - Privacy Policy - Terms and Condition