Reveral: A business theme for crafting SaaS & tech product presentations

The hero gives the product name, message and primary action the first screen. Place its main image above or below the text, depending on whether the explanation or visual should come first.

Two call-to-action buttons can lead visitors along different paths, such as viewing the features and contacting the company. An optional “Trusted by…” row beneath them displays customer avatars or logos.

The image can use a standard or full-width layout, with separate aspect ratios for phones and larger screens. You can also provide a different image for dark mode when one asset does not work well against both backgrounds.

The section begins with a heading and an icon summary for the product’s main attributes. Each icon supports a tooltip for a short explanation. Icons can be added with shortcodes from the free Feather Icons, Lucide Icons or Tabler Icons plugins.

Below it, feature cards combine an icon, title, rich-text description, large visual and button. The cards alternate between left- and right-aligned layouts, giving screenshots and explanations equal space.

Feature cards can come from posts, pages or posts assigned to selected tags. For a product page that does not follow the site’s content structure, build the cards manually with the custom-content repeater.

Reveral provides three independent Media Tabs sections. Each one can contain any number of tabs, so separate parts of the homepage can demonstrate different products, workflows or use cases.

A tab can display a high-resolution image or a self-hosted video. Videos support a custom poster image, which controls what visitors see before playback begins and removes the need for a YouTube embed.

Visitors can change tabs by selecting a label or dragging the media viewer with a mouse or finger. Separate aspect ratios for phones and larger screens, together with cover and contain fit options, let you adapt each visual to its container.

Use the Product Values section for principles that do not belong in a feature list, such as an approach to quality, security or user-centered design.

Repeater fields let you add as many items as the page needs. Each item contains an icon, title and rich-text description, with support for icon shortcodes from Publii plugins.

An optional footer line can close the section or direct visitors to a page with more detail.

The Insights section displays articles, field reports, case studies or company news in a card layout. It gives visitors a route from the product page to longer material without turning the homepage into an article archive.

You can show the latest posts, pull posts from selected tags, or choose individual posts and pages. Automatic sources keep the section current as you publish, while manual selection is useful when the homepage should retain a fixed set of case studies or announcements.

The final call-to-action section sits above the footer and can appear on every page. Use it for one recurring action, such as joining a beta, requesting a quote or subscribing to a newsletter.

Choose a light or dark style, write the heading in a rich-text field and connect the button to the required destination. Optional notice text beneath the button can add a deadline, condition or short piece of supporting information.

Set the site to light or dark mode, or use automatic mode to follow the visitor’s operating-system preference.

The theme options include separate primary, text and heading colors for both appearances. Developers who need to go further can adjust the underlying CSS variables instead of replacing the color system.

Choose a template for the job of each post or page:

• Standard template: a centered title and metadata block with optional introductory text. The featured image appears beneath it at standard or full width.
• Compact template: a narrower content column for focused pages and longer articles, including About and Contact pages.
• Split template: a divided header with the title and metadata on the left and the featured image on the right.

Tag and author archives can use either of two templates:

• Default template: a single-column list with alternating image and text positions.
• Grid template: a multi-column overview with the number of columns set in the theme options.

Settings on an individual tag or author page control the post count, tag description, author portrait and biography. You can also hide the post list when the page should work as a standalone introduction.

Global card settings control the featured image, author name, date, excerpt and image aspect ratio across these archive layouts.