Skip to content

Module Library

Every module in this theme, in alphabetical order. Each section opens with a collapsible Module Documentation panel listing every setting on that module's Content and Styles tabs, followed by a live example of the module rendering with its default settings.

Two things are true of nearly every module here. First, colors, type, spacing, shadows, corners and animation all default to Use theme default, which reads from Theme Settings — change a setting there and every module on every page follows. The per-module Custom options are escape hatches, not the starting point. Second, the Section Style Variant on each module picks which of the four theme color schemes it paints itself with, which is why the same module looks different on a light section than on a dark one.

Accordion Module Documentation

Content Tab Features

  • Title: Optional heading above the accordion items (text + semantic level)
  • Intro text: Optional rich text above the items
  • Icon: Toggle icon style — Chevron or Plus
  • Accordion Items: 1–20 collapsible items, each with a Title and rich-text Description

Style Tab Features

Section

  • Section Style Variant: Theme color scheme (Variant 1–4)
  • Card Style: Card variant applied to each accordion item
  • Heading Style: Visual typography style for the module title
  • Alignment: Left, Center, or Right

Text

  • Text color: Theme default or custom override for the body text

Layout

  • Gap between accordions: Small, Medium, or Large spacing preset

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.
Accordion Item 1

This is the content for accordion item 1.

Accordion Item 2

This is the content for accordion item 2.

Accordion Item 3

This is the content for accordion item 3.

Anchor Module Documentation

Content Tab Features

  • Anchor: Unique identifier for this anchor point — must start with a letter and contain only letters, numbers, hyphens, underscores, colons, or periods. Link to it with #your-anchor-id.

Style Tab Features

This module has no visual output and no style options. It places an invisible anchor point on the page.

Anchor Navigation Module Documentation

Content Tab Features

  • Navigation Items: 2–10 links, each with a Label, Anchor ID (target section without #), and optional Icon

Style Tab Features

Section

  • Section Style Variant: Theme color scheme (Variant 1–4)

Layout

  • Style: Links, Pills, or Tabs
  • Alignment: Left, Center, Right, or Space Between
  • Gap between items: px (0–40)
  • Max width: Container max width in px
  • Separator between items: None, vertical bar, slash or dot (decorative, hidden from screen readers)

Bar

  • Bar background: Theme section color, Custom color (theme palette), or None (the page section shows through and the links use the page text colors; the bar takes the page color while it sticks)
  • Bar corners: Square, Theme corner radius, or Pill
  • Bar width: Full width, or Match max width (the bar itself shrinks to the max width and centres)
  • Bar padding: Theme default (16px, less on tablets and phones), Small, Medium or Large

Behavior

  • Enable sticky navigation: Sticks to top of viewport while scrolling
  • Sticky offset: Top offset for fixed headers (px)
  • Highlight active section: Marks the current section's link
  • Scroll offset / Scroll behavior: Fine-tune smooth-scroll position

Link

  • Link color: Theme default or custom (default, hover, active)
  • Link size: Theme default or custom font size; font weight choice

Active State

  • Active color: Theme default (section accent) or custom; style-specific pill/tab overrides available

Border

  • Border: None or custom (width, style, color)

Shadow

  • Shadow (sticky mode): Theme default (subtle) or custom preset — None / Subtle / Medium / Strong

Animation

  • Enable transitions: Toggle transition duration for link hover states
Back To Top Module Documentation

Content Tab Features

  • Show label: Toggle visible text label on the button
  • Button label: Text shown when label is enabled (default: Back to Top)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme — determines accent and background fallbacks

Position

  • Position: Bottom Right, Bottom Left, or Bottom Center
  • Offset from edge: Distance from screen edge (px)
  • Show after scroll: Scroll distance before button appears (px)

Button

  • Button shape: Circle, Square, or Rounded
  • Button size / Icon size: Pixel dimensions for the button and icon

Color

  • Background color: Theme default (section accent) or custom; includes hover color
  • Icon/text color: Theme default (white) or custom

Shadow

  • Shadow: Theme default (medium) or None or custom preset (Subtle / Medium / Strong)

Border

  • Border: None or custom width and color

Hover

  • Hover effect: Lift up, Scale up, Glow, or None

Animation

  • Entrance animation: Fade & slide up, Fade only, Scale in, or None — with duration control
Blog Listing Module Documentation

Content Tab Features

  • Blog: Select which blog to pull posts from
  • Filter by tag: Optional tag filter
  • Empty state message: Text shown to visitors when the blog has no posts

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style for post-card titles

Card

  • Card Style: Card variant — drives background, border, corner radius, and all text colors inside each card (surface rule)

Layout

  • Columns: 2, 3, or 4 columns
  • Gap between cards: Small, Medium, or Large spacing preset

Display

  • Show tags: Toggle tag badges on cards
  • Show featured image: Toggle post thumbnail
  • Show featured post: Display first post larger on page 1

Image

  • Image aspect ratio: 1.41:1 (default), 16:9, 4:3, 1:1, or 3:2
  • Image fit: Cover (Fill) or Contain (Fit) — corner radius follows the card variant

Hover

  • Hover effect: None, Lift, or Image Zoom

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.
No posts found. Check back soon!
Breadcrumbs Module Documentation

Content Tab Features

  • Show home link: Toggle the Home breadcrumb
  • Home label: Text for the home link (default: Home)
  • Breadcrumb items: 0–10 manual links, each with a label and URL
  • Current page: Override label for the current page; leave blank to use the page title

Style Tab Features

Section

  • Section Style Variant: Theme color scheme

Layout

  • Padding: Theme default or custom vertical/horizontal padding and item spacing

Separator

  • Separator style: Slash, Chevron, Arrow, or Dot
  • Separator color: Theme default or custom; opacity control

Text

  • Font size: Theme default (body--small var) or custom px
  • Current page color: Theme default or custom; weight choice

Link

  • Link color: Theme default or custom (default + hover); opacity and underline-on-hover options

Background

  • Show background: Optional background behind the breadcrumb bar — color and corner radius
Button Module Documentation

Content Tab Features

  • Buttons: 1–2 buttons, each with text, link, optional icon, and icon position

Style Tab Features

Button

  • Button Style: Primary, Secondary, Tertiary, or Accent variant
  • Button Size: Small, Medium, or Large

Layout

  • Alignment: Horizontal alignment of the button group
  • Gap between buttons: Small (8px), Medium (16px), or Large (24px)
  • Stack on mobile: Auto (stack when narrow), Always stack, or Never

Spacing

  • Container padding: None or custom vertical/horizontal padding around the button group

Width

  • Button width: Auto (fit content), Full width, or Equal width; max-width constraint for full-width mode

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.
Card Module Documentation

Content Tab Features

  • Image or icon: Choose whether each card shows an image or an icon
  • Title and intro text: Optional, above the cards
  • Cards: 1–12 cards, each with an Icon or Image, Title (heading level), rich-text Description, and an optional Show Button toggle with CTA text and link

Style Tab Features

Section

  • Section style, heading style and title and intro alignment for the title and intro, which sit on the section background

Card

  • Card orientation: Column (stacked), Row (side by side), or Image overlay (the image fills the card; the text and button show on hover or focus)
  • Card Style: Card variant — drives background, border, corner radius, and all text inside each card (surface rule)

Layout

  • Columns: 2, 3, or 4 columns
  • Gap between cards: Small, Medium, or Large spacing preset

Content

  • Heading Style: Visual typography style for card titles
  • Horizontal alignment: Left or Center

Text

  • Text color: Theme default (card variant's text color) or custom override

Icon/Image

  • Icon size: Small, Medium, or Large — colors and corner radius follow the card variant

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Button

  • Button Style: Primary, Secondary, Tertiary, or Accent; size choice

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Card Title 1

Card description goes here.

Card Title 2

Card description goes here.

Card Title 3

Card description goes here.

Comparison Table Module Documentation

Content Tab Features

  • Title & Description: Optional heading and rich-text description above the table (heading level configurable)
  • Columns: 1–6 columns, each with a name and optional Highlight column toggle
  • Rows: 1–20 feature rows, each with a Feature name and per-column cell values: Checkmark, Cross, Partial, or Text

Style Tab Features

Section

  • Section Style Variant: Theme color scheme for the header block
  • Heading Style: Visual typography style for the title
  • Alignment: Text alignment for the header block

Text

  • Text color: Theme default or custom override for the description text

Table

  • Striped rows / Sticky header / Sticky first column: Layout toggles — table colors, borders, and sizing all come from Theme settings > Elements > Tables

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.

Feature Comparison

Compare features across our different plans

FeaturesBasicProEnterprise
Feature 1
Included
Included
Included
Feature 2
Not included
Included
Included
Feature 3
Not included
Limited
Included
Countdown Timer Module Documentation

Content Tab Features

  • End date: Date/time to count down to — defaults to 30 days from now
  • Placeholder text (locked): Labels for Days, Hours, Minutes, Seconds, and the completed message

Style Tab Features

Section

  • Section Style Variant: Theme color scheme (Variant 1–4)

Counter

  • Background: Filled tiles or No fill
  • Counter color: Theme default (section accent) or custom — colors the tile fill when filled, or the digits when unfilled

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.
CTA Banner Module Documentation

Content Tab Features

  • Heading: Banner title text and semantic level (H1–H6)
  • Subheadline: Rich-text supporting copy below the heading
  • Primary button: Toggle show/hide, label, link, and style (Primary/Secondary/Tertiary/Accent)
  • Secondary button: Same controls as primary button

Style Tab Features

Section

  • Section Style Variant: Theme color scheme — defaults to Variant 4 (dark)
  • Heading Style: Visual typography style for the banner title

Text

  • Text color: Theme default (dark section 1 text color) or custom override for the subheadline

Layout

  • Layout: Centered (stacked) or Split (text left, buttons right)

Background

  • Background type: Section Color, Image (with overlay opacity %), or Gradient (direction choice)

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Button

  • Button size: Small, Medium, or Large — applies to both buttons (per-button style choice lives on the Content tab)

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Ready to Get Started?

Join thousands of satisfied customers and transform your business today.

Events Module Documentation

Content Tab Features

  • Header: Optional show/hide toggle; section title (text + heading level) and rich-text description above the event grid
  • Events: 1–20 event items, each with: title, date (free-text), time (free-text), location, rich-text description, optional image, and optional button (label + link)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme for the header block
  • Heading Style: Visual typography style for the section title

Text

  • Text color: Theme default (card variant 1 text color — surface rule: card-interior text follows the card, not the section) or custom override

Card

  • Card Style Variant: Theme card surface — controls card background, border, radius, and all text colors inside each event card

Layout

  • Columns: 1, 2, or 3 columns
  • Gap between events: Small / Medium / Large spacing preset

Display

  • Show images / time / location / description: Individual visibility toggles for each event card element

Image

  • Image aspect ratio: 16:9, 4:3, 1:1, 3:2, or Auto — fit is always cover; corner radius follows the card variant

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Button

  • Button style & size: Shared style (Primary/Secondary/Tertiary/Accent) and size (Small/Medium/Large) for all per-event buttons

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Upcoming Events

Annual Conference 2024

2024-06-159:00 AM - 5:00 PMConvention Center, New York

Join us for our annual conference featuring keynote speakers, workshops, and networking opportunities.

Product Launch Webinar

2024-07-202:00 PM ESTOnline

Be the first to see our latest product innovations in this exclusive online event.

Community Meetup

2024-08-106:00 PM - 9:00 PMTech Hub, San Francisco

Connect with fellow community members at our casual networking event.

Feature List Module Documentation

Content Tab Features

  • Title: Optional module heading (text + semantic level H1–H6)
  • Intro text: Optional rich-text paragraph above the feature grid
  • Features: 1–20 feature items, each with: optional icon (FontAwesome) with show/hide toggle, feature name (heading + level), and a plain-text feature description

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style for the module title

Text

  • Text color: Theme default (section 1 text color) or custom override for feature descriptions

Layout

  • Columns: 1, 2, or 3 columns (auto-stacks on small screens)
  • Gap between features: Small / Medium / Large spacing preset

Icon

  • Icon color: Theme default (section accent color) or custom override
  • Icon size: Small / Medium / Large — sizes come from the theme icon scale

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Content creation

Write a brief description of the product's capabilities

Analytics and reporting

Write a brief description of the product's capabilities

Messaging

Write a brief description of the product's capabilities

Integrations

Write a brief description of the product's capabilities

Automation and workflows

Write a brief description of the product's capabilities

Campaign scheduling

Write a brief description of the product's capabilities

AI Agents

Write a brief description of the product's capabilities

Cross channel distribution

Write a brief description of the product's capabilities

Gallery Module Documentation

Content Tab Features

  • Title: Module heading (text + semantic level)
  • Intro text: Optional rich-text paragraph above the gallery
  • Images: 1–50 images, each with an image field and an optional caption text field

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style for the title

Layout

  • Layout: Grid or Masonry
  • Columns: 2, 3, or 4 columns
  • Gap: Small / Medium / Large spacing preset
  • Aspect ratio: Square (1:1), Standard (4:3), Widescreen (16:9), or Original — applies to Grid layout only

Lightbox

  • Enable lightbox: Click-to-enlarge overlay toggle
  • Show captions: Display caption text in lightbox

Image

  • Image shadow: None / Subtle / Medium / Strong — uses theme shadow tokens; radius and border follow theme tokens (no per-instance overrides)

Hover

  • Hover effect: Scale up, Brighten, Lift with shadow, or None

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.
Heading Module Documentation

Content Tab Features

  • Heading text: The heading content (inline-editable)
  • Heading level: Semantic level H1–H6

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style (Display 1, Display 2, H1–H6 styles)
  • Alignment: Left, Center, or Right text alignment

Shadow

  • Shadow style: None / Subtle / Medium / Strong preset, or Custom (offset X/Y, blur radius, color, opacity)

Title

  • Title color: Theme default or custom override
  • Title size: Heading style default or custom px (16–120px)
  • Title weight: Heading style default or custom (Light–Extra Bold)
  • Line height: Multiplier (0.8–2)
  • Letter spacing: px offset (−2 to 10px)

Padding

  • Padding: Theme default or custom — top, bottom, and left/right px values

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.

This is a Display Heading

Hero Module Documentation

Content Tab Features

  • Accent headline: Optional lead-in line at the start of the headline (part of the heading)
  • Headline: Hero title text and semantic level (H1–H6)
  • Subheadline: Rich-text supporting copy (inline-editable)
  • Primary button: Toggle show/hide, label, and link
  • Secondary button: Toggle show/hide, label, link, and its own style
  • Button icons: One trailing icon shared by both buttons
  • Background Media: None, Image, or Video (YouTube/Vimeo/MP4) — video has autoplay/loop/muted toggles and a poster fallback image
  • Foreground Media: None, Image, or Video — same controls as background; renders in the content column (split layout)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme — defaults to Variant 4 (dark)
  • Heading Style: Visual typography style for the headline
  • Background: Theme section color, Custom color (theme palette), or None (the page section shows through and the text uses the page colors)

Text

  • Headline color: Theme default (section text color) or custom — allows legibility override when text sits over media
  • Subheadline color: Theme default (section text color) or custom override
  • Accent headline color & size: Theme default (section accent color) or theme accent color 1–3; size as a percent of the headline (face, weight and the default color come from Theme Settings > Fonts > Other elements > Accent headline; line height follows the headline style)
  • Subheadline size: Theme default (large body text) or a custom size and line height

Layout

  • Hero style: Full Width, Split (Content + Image), or Centered
  • Minimum height: Small / Medium / Large preset, or a custom height
  • Bottom inset: None / Small / Medium / Large extra space below the content (tablets and up), e.g. for a bar that overlaps the bottom
  • Content alignment: Left, Center, or Right
  • Media position: Media Right or Media Left — Split layout only
  • Content vertical alignment: Top, Center, or Bottom — Split layout only

Overlay

  • Show background overlay: Toggle; type is Solid Color (with opacity Light/Medium/Heavy) or Gradient (direction + start/end colors)

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value. In the Split layout a custom width centres the two columns together (the theme default keeps the full row).

Buttons

  • Button style & size: Shared style (Primary/Secondary/Tertiary/Accent) and size for the primary button — defaults to Large

Foreground Image

  • Rounded corners: All corners, Top left only, or Top right only (using the corner radius)
  • Image accent bar: A bar along the left or right edge, in the section accent or a theme accent color (tablets and up)

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Build Something Amazing

Create stunning experiences that captivate your audience and drive results. Start your journey today.

HubDB Table Module Documentation

Content Tab Features

Content

  • Title: Heading above the table (text + semantic level H1–H6)
  • Description: Rich text below the title

Data Source

  • HubDB table: Pick the table to pull rows from (HubDB needs Content Hub Professional or Enterprise)
  • Table ID (legacy): Only appears on modules saved before the table picker existed, which had a table ID or name typed in. It's used only while no table is picked; to switch, clear it, then pick the table above
  • Column settings: Leave empty to show every column of the table, in the table's order, with the labels set in HubDB. Add up to 10 columns to change them, each with a Column name (the column's name in HubDB, like price), a Header label (blank uses the HubDB label), a Column Width (Auto / Small 100px / Medium 200px / Large 300px) and a Highlight column toggle. Listed columns come first
  • Show only the columns listed: Appears once a column is listed. On (default): the table shows only the listed columns. Off: the listed columns, then the rest of the table
  • Show row numbers: Toggle a numbered first column
  • Maximum rows: 1–100, default 25
  • Sort by column: The column's name in HubDB to sort on — leave blank for the table's own order
  • Sort direction: Ascending or Descending
  • Empty state message: Shown when the table has no rows, or when no table has been picked yet (which is what the example below is showing)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme (Variant 1–4)
  • Heading Style: Visual typography style for the title
  • Alignment: Left, Center, or Right

Text

  • Text color: Theme default or custom — applies to the description above the table

Table

  • Striped rows: Alternating row tint (on by default)
  • Sticky header: Header row stays visible while scrolling
  • Sticky first column: First column stays visible while scrolling sideways

Cells follow the column's type in HubDB: checkboxes show Yes or No, dropdowns and multi-selects show their option labels, dates are formatted (in UTC), rich text is rendered, URLs are links and images are shown.

The table's colors, borders and cell padding are not per-module settings — they come from Theme Settings > Elements > Tables, so every table on the site matches.

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value. Constrains the heading and the table together.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.

HubDB Table

Pick a HubDB table in the Data Source group to populate this table.

No table selected yet — pick a HubDB table in the Data Source group to see rows here.
Image And Text Module Documentation

Content Tab Features

  • Image: Featured image with Image Position toggle (Left / Right — shown only when an image src is set)
  • Content: Title (text + heading level H1–H6) and rich-text description
  • Checklist: Optional list of items shown between the description and the button, each with a tick
  • Button: Show/hide toggle; when shown — label, link, and icon (via shared ButtonContent)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style for the title
  • Vertical alignment: Top, Middle, or Bottom — aligns content column relative to image

Text

  • Text color: Theme default (section variant text color) or custom override for the description

Layout

  • Column gap: Small (16px) / Medium (32px) / Large (48px) — uses theme spacing tokens; Extra large is an eighth of the row (48–160px)
  • Image width: 40 / 45 / 48 / 50 / 55 / 60% of the two-column row

Image

  • Image corner radius: Theme default (--hsElevate-rounded--large, 12px) or custom preset (None through Extra large)
  • Rounded corners: All corners, or One corner (the top corner on the image's outer side)

Checklist

  • Columns: 1 or 2 (always 1 on small screens)

Accents

  • Accent color: Theme default (section accent color) or theme accent color 1–3 — colors the checklist ticks, the bar and the glow
  • Image accent bar: A bar along the image's outer edge
  • Image glow: A soft glow behind the image, with strength (5–40%) and size (100–200% of the image width)

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Button

  • Button style & size: Primary/Secondary/Tertiary/Accent and Small/Medium/Large — shown only when button is enabled

Animation

  • Entrance animation: Shared reveal system — whole-module scope only (no line-by-line), type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.

Image and Text Heading

This is the content that appears next to the image.

Image Hotspots Module Documentation

Content Tab Features

Header

  • Show section header: Off by default — turn on to reveal the title and intro fields
  • Section Title: Heading text + semantic level (H1–H6)
  • Intro text: Rich text below the title

Image

  • Background image: The image the markers sit on top of (resizable, lazy-loaded)
  • Image alt text: Description for screen readers

Hotspots

  • Hotspot: 0–10 repeating markers, each with a Title, a rich-text Description, and Position X (%) / Position Y (%) — 0–100 measured from the left and top edges of the image, so markers stay put as the image scales

Style Tab Features

Section

  • Section Style Variant: Theme color scheme (Variant 1–4)
  • Heading Style: Visual typography style for the section title

Text

  • Text color: Theme default (section text color) or custom — applies to the header and intro, not the tooltips

Image

  • Aspect ratio: Original (from image), or Custom — 16:9, 4:3, 3:2, or 1:1

Markers

  • Marker style: Solid Dot / Ring with Dot / Pulsing Dot / Numbered
  • Marker size: Small, Medium, or Large
  • Marker color: Theme default (section accent color) or custom

Tooltip

  • Tooltip width: Small, Medium, or Large
  • Background color: Theme default (card surface color) or custom
  • Text color: Theme default (card surface text color) or custom

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.

Image Hotspots

Add a background image, then place markers on it by percentage. Click a marker to open its tooltip.

List Module Documentation

Content Tab Features

  • Title: Optional module heading (text + semantic level H1–H6)
  • Intro text: Optional rich-text paragraph above the list
  • Icon: Shared FontAwesome icon for all list items (defaults to check)
  • List items: 1–20 items, each a single plain-text field (inline-editable)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style for the module title

Text

  • Text color: Theme default (section text color) or custom override for list item text

Icon

  • Icon background color: Theme default (section accent color) or custom — fills the icon tile
  • Icon color: Theme default (section background color — icon glyph on the accent tile) or custom
  • Icon size: Small / Medium / Large — from the theme icon scale

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.
  • Add a list item here.
  • Add a list item here.
  • Add a list item here.
  • Add a list item here.
Logo Grid Module Documentation

Content Tab Features

  • Title: Module heading (text + semantic level) — clear the text to hide the header
  • Logos: 1–20 logo items, each with: logo image, company name (used for alt text fallback), and an optional link

Style Tab Features

Section

  • Section Style Variant: Theme color scheme — defaults to Variant 2
  • Heading Style: Visual typography style for the title

Layout

  • Columns: 3, 4, 5, or 6 columns
  • Gap: Small / Medium / Large spacing preset
  • Logo size: Small / Medium / Large — sets max height; widths scale to fit

Logos

  • Logo filter: None or Grayscale — grayscale logos regain full color on hover

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Trusted By

Company 1
Company 2
Company 3
Company 4
Company 5
Company 6
Quick Links Bar Module Documentation

Content Tab Features

  • Link card: Up to 6 cards, each with a Heading, a line of Text, a Link label and a Link. A card shows its arrow link only once the link has an address.
  • Card heading level: Heading 2 by default, for a bar under a hero's Heading 1; every level looks like Heading 4

Style Tab Features

  • Card: The card style of the one surface the links sit on; text, headings and links follow it
  • Overlap the section above: None (default), Small, Medium or Large, the same sizes as the Hero's Bottom inset. Put the bar in the Hero's section and give the Hero the same Bottom inset, so the bar sits over the hero image from tablet width up; on phones it sits below the hero.
  • Width: Full (the theme's wide width) or a contained width
  • Animation: The shared entrance animation; cards reveal one after another
Section Shape Module Documentation

Content Tab Features

  • Shape: Arc (default), Wave, Slant, Site shape (the curve the site's theme sets, if any) or None
  • Edge: Top or Bottom of the section the module is in; add a second module for both edges
  • Size: Small, Medium (default) or Large; the section's padding grows by the same amount
  • Flip horizontally: mirrors the shape
  • Cut-away color: the page background (default), or a light or dark section background to match the section next to the shape

Put it in its own row in a section that has its own background color or image. It shows nothing itself; this section's curved top comes from the module above.

Map Module Documentation

Content Tab Features

  • Header: Show/hide toggle; when shown — section title (text + heading level) and rich-text description
  • Locations: 1–10 map markers, each with: address (full street address, required) and an optional marker title shown in the click popup
  • Default zoom level: 1 (world view) to 20 (building level)
  • Map style: Roadmap, Satellite, Terrain, or Hybrid

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style for the section title (shown only when header is enabled)

Text

  • Title color: Theme default (section text color) or custom override
  • Description color: Theme default (section text color) or custom override

Layout

  • Map height: Small (300px), Medium (450px), Large (600px), or Custom px value

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only (no line-by-line stagger inside a map), type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.
Marquee Module Documentation

Content Tab Features

  • Header: Show/hide toggle; when shown — section title (text + heading level)
  • Content type: Logos or Text
  • Logos: 1–20 logo items (logo image, company name for alt text, optional link) — visible when content type is Logos
  • Text items: 1–20 short text phrases — visible when content type is Text

Style Tab Features

Section

  • Section Style Variant: Theme color scheme — defaults to Variant 2
  • Heading Style: Visual typography style for the section title (shown only when header is enabled)

Scroll Animation

  • Direction: Left or Right
  • Speed: Slow (45s) / Normal (30s) / Fast (15s)
  • Pause on hover: Stop scrolling when the cursor is over the strip

Layout

  • Gap between items: Small / Medium / Large spacing preset
  • Logo size: Small / Medium / Large max height (logos content type only)

Logos

  • Logo filter: None or Grayscale — grayscale logos regain full color on hover (logos content type only)

Divider

  • Show dividers: Separator dots between items — color = section accent color

Fade Edges

  • Show fade edges: Gradient fade at marquee edges — uses section background color

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.
Company 1
Company 2
Company 3
Company 4
Company 5
Company 6
Menu Module Documentation

Content Tab Features

  • Menu: Select a HubSpot navigation menu
  • Max menu depth: 1–3 levels to include
  • Accessible menu name: aria-label on the nav element for screen readers

Style Tab Features

Menu

  • Menu alignment: Left, Center, or Right (horizontal)
  • Column gap: None / Small / Medium / Large — space between top-level items

Menu Items

  • Vertical gap: None / Small / Medium / Large — space between items
  • Padding: None / Small / Medium / Large — internal padding around each item label

Links

  • Link style variant: Link style preset (e.g., primary_links)
  • Link color: Theme default or custom (with separate hover color)

Typography

  • Font size: Theme default or custom px (12–24px)
  • Font weight: Normal / Medium / Semi-bold / Bold
  • Text transform: None / Uppercase / Lowercase / Capitalize

Dropdown

  • Dropdown background: Theme default or custom color
  • Dropdown shadow: None / Subtle / Medium / Strong
  • Dropdown border radius: Theme default or custom px (0–24px)

Dividers

  • Show dividers: Toggle separators between items; color and width (1–5px) configurable when on

Hover

  • Hover effect: None, Underline, Background (with custom bg color), or Scale

Active State

  • Active indicator: None, Underline, Background, or Bold text; custom indicator color when active

Animation

  • Dropdown animation: None, Fade, Slide down, or Scale; duration (100–500 ms) when animation is set
Metrics Module Documentation

Content Tab Features

  • Title: Optional module heading (text + semantic level H1–H6)
  • Intro text: Optional rich-text paragraph above the metrics row
  • Metrics: 1–4 metric items, each with a metric value (e.g., “15k+”) and a plain-text description label

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style for the module title
  • Alignment: Left, Center, or Right text alignment

Text

  • Text color: Theme default (section 1 text color) or custom override for description labels

Layout

  • Columns: Match metric count (auto), 2, 3, or 4 columns — auto-stacks on small screens
  • Gap between metrics: Small / Medium / Large spacing preset

Metric Number

  • Metric color: Theme default (section accent color) or custom override for the large value display

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.
100+
Happy Clients
500+
Projects Completed
10+
Years Experience
Multi Column Rich Text Module Documentation

Content Tab Features

  • Title: Heading text + semantic level (H1–H6)
  • Intro text: Rich text above the columns, full width
  • Columns: 1–4 repeating columns (2 by default), each a full rich-text field — formatting, lists, links, images, CTAs, video, embeds and personalization tokens
  • Use button: Toggle a call to action below the columns — reveals Button text and Button link (page, external URL, file, email, or blog post)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme (Variant 1–4)
  • Heading Style: Visual typography style for the title
  • Alignment: Left, Center, or Right

Text

  • Text color: Theme default or custom override for the body copy

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value, plus horizontal alignment of the contained block.

Button

  • Button alignment: Left, Center, or Right
  • Button style & size: Primary / Secondary / Tertiary / Accent, in Small / Medium / Large

Only visible while Use button is on.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

This is the theme's baseline text module — the pattern every other content module follows. Reach for it first for any block of copy.

Multi Column Rich Text

An optional intro sits above the columns and runs the full width of the block.

Column one. Each column is a full rich-text field, so it takes headings, lists, links, images and embeds.

Column two. Add up to four columns; they stack on smaller screens without any extra setting.

Pagination Module Documentation

Content Tab Features

  • Current page: Active page number — usually set dynamically by HubL (default 1)
  • Total pages: Total page count — usually set dynamically by HubL (default 10)
  • Base URL: Base path for pagination links (e.g., /blog)
  • Previous text: Label for the previous button (default “Previous”)
  • Next text: Label for the next button (default “Next”)
  • Load more text: Label for the load-more button — visible only when pagination style is Load More

Style Tab Features

Section

  • Section Style Variant: Theme color scheme

Pagination

  • Pagination style: Numbered Pages, Simple (Prev/Next only), or Load More Button
  • Show first/last buttons: Toggle «/» jump buttons — Numbered style only
  • Max visible pages: Number of page links shown (3–9) — Numbered style only
Portfolio Module Documentation

Content Tab Features

  • Header: Show/hide toggle; when shown — section title (text + heading level) and rich-text description
  • Portfolio Items: 1–24 items, each with: project title, category tag, project image, rich-text description, and optional button (show/hide toggle, label, link, style, size — all per item)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme for the header area
  • Card Style Variant: Theme card surface — controls background, border, radius, and all text colors inside each portfolio item (surface rule)
  • Heading Style: Visual typography style for the section title

Text

  • Description text color: Theme default (card variant 1 text color — surface rule) or custom override

Layout

  • Layout type: Cards or Masonry
  • Columns: 2, 3, or 4 columns
  • Gap between items: Small / Medium / Large spacing preset

Display

  • Show category / Show description: Individual visibility toggles for each element on the item card

Image

  • Image aspect ratio: 4:3, 16:9, 1:1, or 3:2 — fit is cover; corners follow the card variant radius token

Hover

  • Hover effect: None, Lift, or Image zoom

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Our Work

Branding

Brand Identity Design

Complete brand identity package including logo, color palette, and brand guidelines.

Web Design

E-Commerce Website

Modern e-commerce platform with custom checkout and inventory management.

App Design

Mobile App UI

Intuitive mobile application design with focus on user experience.

Marketing

Marketing Campaign

Integrated marketing campaign across digital and print channels.

Photography

Product Photography

Professional product photography for e-commerce and marketing materials.

Video

Corporate Video

Engaging corporate video showcasing company culture and values.

Pricing Card Module Documentation

Content Tab Features

  • Pricing cards: 1–4 cards, each containing two sub-groups:
  • Pricing summary: Plan title (text + heading level), description, price text (e.g., “$79”), and time period (e.g., “/month”)
  • Pricing plan features: Features title (text + heading level) and 1–20 plain-text feature line items
  • Button: Show/hide toggle; when shown — label, link, and icon (via shared ButtonContent)

Style Tab Features

Card

  • Card Style Variant: Theme card surface — controls background, border, radius, and all text colors inside each pricing card (surface rule)

Layout

  • Columns: 2, 3, or 4 columns
  • Gap between cards: Small / Medium / Large spacing preset

Pricing summary

  • Heading Style: Visual typography style for plan title headings

Pricing plan features

  • Heading Style: Visual typography style for the features section title

Price

  • Price color: Theme default (card variant 1 text color — surface rule) or custom override for the large price value

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Button

  • Button style & size: Primary/Secondary/Tertiary/Accent and Small/Medium/Large for all card buttons

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Starter

Perfect for small businesses or startups looking to kickstart their digital marketing efforts

$79/month

Starter plan includes

  • Social media management
  • Email marketing campaigns
  • Basic SEO optimization
  • Monthly performance reports

Pro

Ideal for growing businesses that want to expand their online presence and reach a larger audience

$129/month

Pro plan includes

  • Everything in Starter plan
  • Advanced social media management
  • Email marketing automation
  • Basic SEO optimization
  • Comprehensive SEO analysis and recommendations

Enterprise

Tailored for established businesses seeking a holistic digital marketing solution to boost brand visibility and engagement

$599/month

Enterprise plan includes

  • Everything in Pro plan
  • Customized social media strategies
  • Personalized email marketing campaigns
  • Advanced SEO implementation and monitoring
  • Bi-weekly performance reports and strategy consultations
Quote Module Documentation

Content Tab Features

  • Quote text: The quotation (required plain-text field)
  • Show attribution: Toggle; when on — author name, author title, and optional author image

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Alignment: Left, Center, or Right text alignment

Quote text

  • Quote text color: Theme default (section 1 blockquote text color — typography always follows theme quote settings) or custom override

Layout

  • Quote style: Left border, Card, or Large quote marks

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

This is a powerful quote that captures attention and conveys an important message to your audience.

John SmithCEO, Company Name
Recent Blog Posts Module Documentation

Content Tab Features

  • Blog: Select the HubSpot blog to pull posts from
  • Filter by tag: Toggle; when on — Tag picker to filter displayed posts
  • Title: Optional module heading (text + semantic level H1–H6; semantic level also drives post-card headings)
  • Intro text: Optional rich-text paragraph above the post grid
  • Empty state message: Text shown to visitors when the selected blog has no posts yet
  • Card link text: Photo mosaic only — text over each photo, shown on hover or focus (always on touch); empty hides it

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Card Style Variant: Theme card surface — drives ALL text colors inside post cards (surface rule); corner radius and border come from the card variant token
  • Title style: Visual typography style for the module title
  • Post title style: Match title style (default) or its own heading style for the post titles

Layout

  • Layout: Card grid (default) or Photo mosaic — the three latest posts as photo cards, two stacked beside one tall one, title over the image (needs three posts, else the grid; Card style, Columns, Show tags, Show featured image and Image aspect ratio apply to the grid only)
  • Columns: 2, 3, or 4 columns; the module requests one post per column
  • Gap between cards: Small / Medium / Large spacing preset

Display

  • Show tags / Show featured image: Individual visibility toggles for each post card element

Image

  • Image aspect ratio: 1.41:1 (Default), 16:9, 4:3, 1:1, or 3:2
  • Image fit: Cover (Fill) or Contain (Fit)

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.
Rich Text Module Documentation

Content Tab Features

  • Rich text content: Full WYSIWYG editor with extended feature set (headings, lists, tables, images, embeds, code blocks, CTAs, and more)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme

Text

  • Text color: Theme default (section 1 text color) or custom override

Link

  • Link color: Theme default (section 1 accent color) or custom — also exposes custom hover color and underline style (Always / None / On hover only) when set to custom

Blockquote

  • Blockquote style: Theme default or custom — when custom: text color, background color, and accent (left-border) color all individually overridable

Spacing

  • Paragraph spacing: Theme default or custom — paragraph margin (0–48px), heading margin top (0–64px), heading margin bottom (0–48px)

Max Width

  • Limit content width: Toggle; when on — maximum width px (400–1200px) and alignment (Left or Center)

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

This is a rich text module. You can add bold, italic, and links here.

  • List item one
  • List item two
  • List item three
Section Separator Module Documentation

Content Tab Features

This module has no content fields — it is purely decorative.

Style Tab Features

All controls live directly in the Style tab (no sub-groups):

  • Separator style: Line, Wave, Curve, Angle, Triangle, or Zigzag
  • Section Style Variant: Theme color scheme — drives the separator fill/stroke color
  • Height: 1–200px — shown for all styles except Line
  • Line thickness: 1–20px — shown for Line style only
  • Flip vertical: Invert the shape vertically
  • Flip horizontal: Mirror the shape horizontally
SEO Schema Module Documentation

Content Tab Features

This module outputs JSON-LD structured data in the page source — no visible rendering, no Style tab.

Organization Schema

  • Enable Organization Schema: Toggle; when on — Company Name, Email, Phone, Street Address, City, Region/State, Postal Code, Country

WebPage Schema

  • Enable WebPage Schema: Toggle — uses the page title and meta description automatically

Blog Post Schema

  • Enable Blog Post Schema: Toggle — auto-detects blog post pages; when on — Publisher Name field

Style Tab Features

None — this module has no visual output and no style options.

Site Footer Module Documentation

Content Tab Features

Brand

  • Logo: Footer logo image (resizable)
  • Tagline: Short positioning statement beside the logo — bold, italic and links allowed
  • Badges: Small linked images under the logo, e.g. a patient portal or app badge (the alt text names the link)

Newsletter

  • Show newsletter signup: A HubSpot form with an optional heading, styled by Theme Settings > Forms

Link columns

  • Column: Repeating columns of links (3 by default), each with a Column title and its own repeating Item list
  • Item: A Label plus a Link — page, external URL, email address, blog post, or phone number
  • Column content: Link list (default), Text (rich text; headings in it look like column titles), or Images (linked images such as awards)

Contact

  • Show contact column: Toggle the whole contact block
  • Address: Street, city, state, ZIP
  • Google Maps link: Where the address links to — paste the Share link from the practice's Google Business listing so it opens the full listing with photos and reviews. Leave blank to fall back to a plain address search.
  • Email / Phone / Fax: Each renders as a click-to-contact link when filled, and is hidden when blank

Social

  • Show social icons: Toggle the icon row
  • Social link: Repeating entries — Platform (LinkedIn, Facebook, Twitter / X, Instagram, YouTube, GitHub, TikTok) supplies the icon, URL is the full link including https://

Bottom row

  • Copyright text: Use the {{ year }} token to insert the current year automatically — it never needs updating
  • Copyright alignment: Left, Center, or Right
  • Legal link: Repeating Label + Link pairs for privacy policy, terms, accessibility and the like

Style Tab Features

Section

  • Use theme default: On by default — colors come from Theme Settings > Site areas > Footer, so the footer matches sitewide. Turn it off to expose a Section Style Variant and color the footer from one of the four theme schemes instead.

Layout

  • Brand placement: Brand row above the columns (default), or the brand as the first column (logo, tagline, newsletter and badges beside the other columns; the social icons move to the bottom row)
  • Max width: Theme default (the wide section width from Layout > Spacing) or a custom 800–2560px value

Social icons

  • Icon style: Subtle circle (default) or Filled tile (the footer social color, with the glyph in the footer background color)

Padding

  • Padding: Theme default (80px top/bottom, 24px left/right) or custom top/bottom and left/right values

Divider

  • Show divider lines: Horizontal rules below the brand row and above the copyright row (only the copyright rule when the brand is the first column)

This module is what the theme's global footer partial uses. Editing the real site footer means editing it there, not on a single page — the copy below is a demonstration instance only.

Site Header Module Documentation

Content Tab Features

Logo

  • Logo: Site logo image (from brand settings)
  • Override logo link: Toggle; when on — custom logo destination URL

Navigation

  • Menu: Select a HubSpot navigation menu

Utility bar

  • Show utility bar: Off by default. A thin bar above the header; its colors are in Theme Settings > Site areas > Header > Utility bar (unset: a light tint of the header with the menu colors)
  • Show search: A site search box; set the Search results page path if the site's System pages use a different one
  • Utility link: Repeating Label + Link pairs such as a patient portal or bill pay
  • Phone number: A click-to-call link after the links; blank hides it

Button

  • Show button: Toggle CTA button visibility
  • Button content: Label, link, and optional icon (via shared ButtonContent) — shown when button is enabled

Style Tab Features

Menu

  • Text color (default): Navigation item color — inherits from theme Site Areas > Header > Menu item color
  • Text color (hover): Navigation item hover color — inherits from theme header hover color
  • Accent color: Active/hover accent — also controls flyout menu border color
  • Background color: Header container background — inherits from theme header bg color
  • Horizontal alignment: Left, Center, or Right alignment of menu items

Button

  • Button style & size: Primary/Secondary/Tertiary/Accent and Small/Medium/Large — shown only when button is enabled
Social Follow Module Documentation

Content Tab Features

  • Title: Optional module heading (text + semantic level H1–H6) — clear to hide
  • Social links: 1–10 items, each with: profile URL link and an optional Customize icon toggle (when on — manual FontAwesome icon override; when off — icon auto-detected from URL domain)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Visual typography style for the title

Layout

  • Alignment: Left, Center, or Right horizontal alignment
  • Gap between icons: Small / Medium / Large spacing preset

Icon

  • Shape: Square, Rounded, or Circle icon background
  • Size: Small / Medium / Large — from the theme icon scale
  • Icon background: Theme default (section accent color) or custom
  • Icon background (hover): Theme default or custom
  • Icon fill color: Theme default (section background color — icon glyph on accent tile) or custom
  • Shadow: None or theme default subtle shadow token
  • Hover effect: None, Scale up, Rotate, Bounce, or Pulse

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.
Social Share Module Documentation

Content Tab Features

  • Included platforms: Checkbox multi-select — Facebook, Twitter/X, LinkedIn, Pinterest, Email

Style Tab Features

Section

  • Section Style Variant: Theme color scheme — drives the global icon color palette

Icon

  • Shape: Square, Rounded, or Circle icon background
  • Size: Small / Medium / Large — from the theme icon scale
  • Icon background: Theme default (section accent color) or custom
  • Icon background (hover): Theme default or custom
  • Icon fill color: Theme default (section background color — icon glyph on accent tile) or custom

Layout

  • Gap between icons: Small / Medium / Large spacing preset
  • Alignment: Left, Center, or Right horizontal alignment

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.
Stats Counter Module Documentation

Content Tab Features

  • Header: Show/hide toggle + section title text
  • Statistics (1-8): Each stat has a value number, prefix text (e.g. $), suffix text (e.g. +, %, K), label text, and an optional icon

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Heading visual style for the header

Text

  • Label color: Theme default (section 1 text color) or custom

Layout

  • Columns: 2, 3, or 4 per row
  • Gap: Small / Medium / Large spacing preset
  • Alignment: Left or Center

Number

  • Number color: Theme default (section text or accent — choose) or custom

Icon

  • Icon color: Theme default (section accent color) or custom

Counting

  • Animate numbers: Enable count-up effect on scroll into view
  • Duration: Count-up duration 500–3000 ms

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.
500+
Happy Clients
98%
Success Rate
24/7
Support
10M+
Revenue Generated
Table Of Contents Module Documentation

Content Tab Features

  • Title: Heading text + H2–H6 level
  • Auto-generate: Build TOC from page headings (on: max depth 2–6; off: manual items 0–20 each with label, anchor ID, and indent level)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme

Layout

  • TOC style: Simple / Bordered / Numbered
  • Position: Inline or Sticky sidebar
  • Max width: Container max width (px)
  • Sticky top offset: Offset from viewport top when sticky

Display

  • Highlight active: Highlight the heading currently in view
  • Show progress bar: Reading-progress bar (sticky mode only)

Title

  • Color / Size / Weight

Links

  • Color / Hover / Active color
  • Size / Item spacing / Indent per level

Corner / Border / Background / Padding

  • Corner radius, Border (none or custom width/style/color), Background (none or custom), Padding (global or custom px)

Animation

  • Entrance animation: Shared reveal system — whole-module scope only (the TOC reveals as one block), type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.
Tabs Module Documentation

Content Tab Features

  • Title: Section heading text + H1–H6 level
  • Intro text: Optional rich text below the title
  • Tabs (2–8): Each tab has a label, optional FontAwesome icon, and rich text panel content

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Heading visual style
  • Alignment: Horizontal alignment of the title and intro text

Layout

  • Orientation: Horizontal or Vertical tab list
  • Tab alignment: Left / Center / Stretch (horizontal layout only)

Tabs

  • Tab style: Underline / Boxed / Pills — active tab uses section accent color
  • Show icons: Toggle tab icon display

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.

Powerful Features

Discover a comprehensive suite of tools designed to streamline your workflow and boost productivity. Our platform offers intuitive interfaces, robust integrations, and cutting-edge technology.

  • Advanced analytics dashboard
  • Real-time collaboration tools
  • Customizable workflows
Team Members Module Documentation

Content Tab Features

  • Header: Show/hide toggle + section title + description
  • Team Members (1–20): Each member has photo, name, title/role, bio (rich text), and social links (0–4 each with platform LinkedIn/Twitter-X/Email/Website + URL)

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Card Style: Card variant — drives card surface colors
  • Heading Style: Heading visual style for the header

Text

  • Bio text color: Theme default (card variant 1 text color — surface rule) or custom

Layout

  • Columns: 2, 3, or 4 per row
  • Gap: Small / Medium / Large spacing preset
  • Alignment: Center or Left card alignment

Display

  • Show bio: Toggle biography text
  • Show social links: Toggle social icon row

Photo

  • Style: Square / Portrait / Circle — square and portrait corners follow the card radius token

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Meet Our Team

Our talented team of experts is dedicated to helping you succeed.

J

John Smith

CEO & Founder

John brings over 20 years of industry experience and a passion for innovation.

S

Sarah Johnson

CTO

Sarah leads our technical team with expertise in cutting-edge technologies.

M

Michael Chen

Head of Design

Michael creates beautiful, user-centered designs that delight customers.

E

Emily Davis

Marketing Director

Emily drives our brand strategy and connects us with our audience.

Testimonials Module Documentation

Content Tab Features

  • Header: Show/hide toggle + section title
  • Testimonials (1–12): Each has rich text quote (via RichTextContent), author photo, author name, author title/company, star rating 1–5, show rating toggle

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Heading visual style for the header
  • Card Style: Card variant — drives card surface colors

Quote text

  • Show quote marks: Toggle decorative opening/closing quote marks
  • Quote text color: Theme default (card variant 1 text color — surface rule) or custom

Layout

  • Display style: Grid or Single featured
  • Columns: 2 or 3 (grid display only)
  • Gap: Small / Medium / Large spacing preset

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

What Our Clients Say

"

This product has completely transformed how we work. The results speak for themselves.

Sarah JohnsonCEO, TechCorp
"

Outstanding service and support. They went above and beyond our expectations.

Michael ChenMarketing Director, InnovateCo
"

The best investment we made this year. Highly recommend to anyone serious about growth.

Emily RodriguezFounder, StartupHub
Testimonial Slider Module Documentation

Content Tab Features

  • Testimonials (1–20): Each has quote (plain text), author name, author title, author image; show/hide image toggle + image field; optional link text + link URL

Style Tab Features

Card

  • Card Style Variant: Card variant — drives card surface colors (surface rule: text inherits from card variant, not section)

Slider

  • Show arrows: Prev/next navigation arrows
  • Show pagination: Dot indicators
  • Auto-play: Auto-advance slides
  • Auto-play interval: Pause duration 2000–10000 ms

Display

  • Show author image / name / title / link

Image

  • Aspect ratio: 4:3 / 16:9 / 1:1 / 3:2 / Auto
  • Fit: Cover or Contain

Quote

  • Quote color: Theme default (card variant 1 text color — surface rule) or custom

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.
Timeline Module Documentation

Content Tab Features

  • Title: Heading text + H1–H6 level
  • Intro text: Optional rich text below the title
  • Timeline Items (2–20): Each has date/label text, title text, description (rich text), optional icon, optional image

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Heading visual style

Text

  • Text color: Theme default (section text color) or custom

Layout

  • Layout: Centered / Alternating / Left / Right
  • Marker style: Dot / Icon / Number
  • Show connector: Toggle the connecting line between markers
  • Marker size: Small / Medium / Large — from the theme icon scale; markers center on the entry's first line
  • Marker color: Theme default (section accent color) or custom
  • Item gap: Small / Medium / Large spacing preset

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value.

Animation

  • Entrance animation: Shared reveal system — scope (whole module / line by line), type, with speed/easing/stagger following theme defaults (Foundation > Animations) unless overridden.

Our Journey

2020

Company Founded

Started with a vision to transform the industry through innovation and excellence.

2021

First Major Milestone

Reached 1,000 customers and expanded our team to 25 employees.

2022

Series A Funding

Secured $10M in Series A funding to accelerate growth and product development.

2023

Global Expansion

Launched operations in 5 new countries and served customers worldwide.

Vertical Spacer Module Documentation

Content Tab Features

  • Spacing size: Preset — Small (24px) / Medium (48px) / Large (72px) / Extra Large (96px) / Custom
  • Custom spacing: Pixel value — visible only when Custom is selected

No Style tab — this module has content fields only.

Video Embed Module Documentation

Content Tab Features

  • Section Title: Heading text + H1–H6 level
  • Intro text: Optional rich text below the title
  • Video source: YouTube / Vimeo / Custom Embed — shows the matching URL or embed-code field
  • Poster image: Custom thumbnail shown before play
  • Autoplay / Loop / Muted

Style Tab Features

Section

  • Section Style Variant: Theme color scheme
  • Heading Style: Heading visual style

Text

  • Text color: Theme default or custom — limited select (Dark / Medium / White)

Video

  • Aspect ratio: 16:9 / 4:3 / 21:9
  • Play button color: Theme default (section accent color) or custom — limited select
  • Play button size: Small / Medium / Large

Width

  • Content width: Full width or Contained; Contained follows the theme default (Layout > Spacing > Container) or a custom px value, with horizontal alignment.

Animation

  • Entrance animation: Shared reveal system — whole-module scope only, type, with speed/easing following theme defaults (Foundation > Animations) unless overridden.

Watch Our Video

Discover how our solution can transform your business.