Gallery Component

The Gallery Component displays collections of images in a clean, responsive grid. Whether you're showcasing brand photography, logo variations, product imagery, or visual inspiration, it provides an organized way to present multiple assets together.

With flexible layout options and theme-aware styling, the Gallery Component helps create visually engaging sections that remain consistent with your brand.

Common Uses

The Gallery Component is ideal for:

• Brand photography
• Logo collections
• Product images
• Icon libraries
• Mood boards
• Visual inspiration
• Marketing assets
• Image collections

Use it whenever multiple related images are easier to understand together than individually.

Gallery Content

Customize the information displayed above your gallery.

Title

Add a heading to introduce the collection.

Examples include:

• Brand Photography
• Logo Library
• Product Gallery
• Marketing Assets

Subtitle

Provide supporting context for the gallery.

Use subtitles to explain the purpose of the collection or provide additional guidance.

Category Label

Display a label above each gallery item to identify the type of asset being shown.

Examples include:

• Primary Logo
• Secondary Mark
• Photography Style
• Product Image

Category labels help viewers quickly understand what they're looking at.

Gallery Layout

Control how your images are displayed.

Images Per Row

Choose the number of images displayed in each row.

Fewer images create larger, more prominent visuals, while additional columns create a denser gallery that's well suited for icons, logos, or smaller assets.

Select the layout that best complements your content.

Download Options

Optionally disable image downloads.

This is useful when you want visitors to reference images without allowing direct downloads.

Image Selection

Choose the images that will appear in the gallery.

You can include assets from:

• Brand logos
• Theme uploads
• Other supported image libraries within your brand

Images appear in the order you select them, allowing you to present assets in a logical sequence.

Color Options

Customize the appearance of the gallery using optional color settings.

Available options include:

• Title color
• Text color
• Category label color
• Background color

If no colors are selected, the component automatically inherits your brand's default theme styling.

Theme Integration

The Gallery Component works seamlessly with your brand theme.

You can:

• Choose predefined theme colors
• Enter custom HEX values
• Leave fields blank to inherit your default styling

This keeps galleries visually consistent with the rest of your brand guide.

Saving Your Changes

Click Save Component to apply your updates.

The live preview refreshes automatically, allowing you to review the finished gallery before returning to the Page Editor.

Tips

• Group related images together to tell a visual story.
• Use clear titles and category labels to provide context.
• Choose a layout density that complements the type of assets you're displaying.
• Maintain consistent image dimensions whenever possible for a cleaner presentation.
• Disable downloads when images are intended for reference only.

Summary

The Gallery Component provides a flexible way to organize and present visual assets throughout your brand guide.

Whether you're documenting photography standards, showcasing logos, or creating visual inspiration boards, it helps transform individual images into organized, easy-to-understand collections that reinforce your brand.