Skip to content

Luminafolio Documentation

Introduction

Theme Overview

Luminafolio is a HubSpot CMS theme designed for SaaS companies, Service providers or Agencies. You need no-coding to set-up or customize our theme. Luminafolio is fast and friendly and offers a really minimal look with the collection of pre-built templates and modules to streamline your website development process and create a visually appealing and user-friendly website.

Key Features

  • 8 Basic Templates
  • 7 System Templates
  • 15 Theme Modules
  • Responsive Design
  • Accessible to all audience

Installation

Downloading the Theme from HubSpot Marketplace

  • Log in to your HubSpot account.
  • Navigate to the Marketplace in the main navigation menu.
  • Search for "Luminafolio" in the marketplace search bar.
  • Locate your theme and click Download.

You can also click the Buy now button below to go to Theme purchase page.

BUY NOW

Using the Theme

Activating the Theme

  1. In the Design Manager, locate your uploaded theme.
  2. Click the dropdown menu next to the theme name.
  3. Select Set as active theme.

Note: This will make Luminafolio the default theme for all new website pages and landing pages.

Theme Templates

The theme includes two sets of pre-built templates: Basic Templates and System Templates.

Page Templates:

These templates are designed for common website pages like homepage, about us, contact us, etc. Luminafolio offers 8 basic templates.

  1. Home
  2. About Us
  3. Contact Us
  4. Services
  5. Portfolio
  6. Pricing
  7. Blog Listing
  8. Blog Post

System Templates:

These templates are used for system-generated pages like blog posts, search results, etc. Luminafolio offers 7 system templates.

  1. Error 404
  2. Error 500
  3. Password Prompt
  4. Search Result
  5. Email Subscription Preferences
  6. Email Subscription Confirmation
  7. Unsubscribe Successful

Creating a New Page with a Theme Template.

  1. In the content editor, navigate to Content > Website Pages (or Landing Pages).
  2. Click Create and select Website page (or Landing page).
  3. In the Select a template dialog, choose a template from the Luminafolio set.
  4. Click Create page to start editing the content.

For more detailed instructions you can read this HubSpot Doc.

Theme Modules

Luminafolio includes a set of custom modules designed to enhance your website's functionality and visual appeal. Luminafolio offers variety of custom modules which are highly customizable as per your needs:

Global Module:

  1. Header
  2. Footer

Local Module:

  1. Counter Module - This module is a lightweight, dependency-free JavaScript class designed for quickly creating engaging animations that present numerical data in a more captivating way.
  2. Cards Carousel Module - This module offers a multi-column layout for larger screens, featuring a heading, rich text, and a versatile carousel for showcasing achievements, expertise, and values. On screens smaller than 1270px, it automatically adjusts to a single-column display.
  3. Carousel Module - This versatile carousel module is suitable for featuring customer reviews or testimonials, allowing users to browse through positive feedback and experiences shared by others in an engaging, interactive format.
  4. Partners Module - This module features a heading, rich text, and logos of affiliated companies or organizations to emphasize collaborative relationships and endorsements.
  5. Collab Cards Module - Enhance your page with cards using this module, which also features a text field and call-to-action button. Style configurations are accessible in the style tab.
  6. Contact Us Module - This straightforward module comprises a heading, rich text, social icons, and a form for contact information. Customize its appearance via the style tab.
  7. Marquee Module - This module displays moving text to capture attention and highlight important information. Customize its appearance in the content tab.
  8. Our Values Module - This versatile module offers double-column layouts featuring a heading and rich text, with a card displaying multiple cards. Styling options can be accessed in the style tab for further customization.
  9. Pricing Card Module - This module facilitates the presentation of pricing information via cards showcasing service plans and their respective features. Style options are accessible in the style tab.
  10. Progressive Bar Cards Module - Utilize this module to visually display skill levels or proficiency through progress bars, accompanied by an image, heading, and rich text via cards showcasing, illustrating the extent of expertise across various areas. Style options are accessible in the style tab.
  11. Single Column Module - This straightforward module comprises a heading, rich text and call-to-action button with style adjustments accessible in the style tab.
  12. Speakers Module - Utilize this module to showcase the dedicated professionals behind Estatein, a team devoted to delivering exceptional real estate services. The module includes an image, heading, rich text, and a call-to-action button to engage users effectively.
  13. Two Column Module - This versatile module offers double-column layouts and can include text with an image or a form. Customization options can be found in both the content and style tabs for styling.
  14. Why Us Module - This adaptable module features double-column layouts with text positioned above the image, with multiple cards presenting useful information. Styling customization options are available in both the content and style tabs.
  15. Social Follow Module - This straightforward module comprises a banner with social icons, heading, rich text and call-to-action button. Customization options can be found in both the content and style tabs for styling.

Using Modules in the Page Editor

  1. While editing a page, drag and drop a module from the left-hand menu onto the desired section.
  2. Select the module type from the available Luminafolio modules.
  3. The module settings panel will appear on the right.
  4. Configure the module's content and appearance using the provided options.

FAQ Section

Where are the colors coming from?

All modules colors and typography By default picks colors from your brand kit. If you haven’t setup your brand-kit then Luminafolio has default colors which are: #731DD8 as primary color, #1A1D2C as secondary color, #FFFFFF as tertiary color, #BFBFBF as fourth color. All modules typography is set in their respective modules style tab.

What is the multi-column and single-column layout?

Multi-column layouts means that you can have two or more columns in a row. A good example of multi-column layout is the section which has a text column and an image column side by side.

Multi Column Section

How can I change the styles and typography of text, cta & forms?

You can do that in the theme settings. You will find options to edit typography of the fonts including font-family, colors, their sizes of the individual tags. To edit the styles of the CTA and Forms there are separate groups respectively from where you can customize those as per your liking.

Theme Settings

Still facing issues. Feel free to contact us at our email. We will get back to you as soon as possible.