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

The hero section in Reveral is engineered not just to capture attention, but to build immediate trust and guide user action. It provides critical layout flexibility, allowing you to place the main hero image either above or below the text block to best suit your message.

A standout feature is the built-in support for dual Call-to-Action buttons. This allows you to promote a primary action (like “View Features”) while offering a secondary path (such as “Contact Us”). Immediately below the CTAs, you can enable the “Trusted by…” block – a powerful social proof element where you can display a series of avatars or client logos, instantly building credibility with new visitors.

You have complete control over the hero section’s visual presentation. A unique feature is the ability to upload a separate, optional image for dark mode, ensuring your product visuals are perfectly optimized for every user’s environment. Furthermore, you can set the image width to standard or a full-width layout and fine-tune the image aspect ratio separately for mobile and desktop to maintain perfect composition on any device.

The Features section provides a comprehensive way to detail your product’s capabilities. It begins with a main header and a row of customizable icons, perfect for highlighting key attributes at a glance. Each icon can be assigned a tooltip for additional context and supports shortcodes from free Publii plugins like Feather Icons, Lucide Icons or Tabler Icons, allowing for rich visual language.

Below the icon summary, the section continues with a series of in-depth feature cards. Each card is a self-contained module that combines an icon, a title, a rich-text description, a large visual, and a dedicated button. The alternating layout creates a dynamic and engaging narrative that keeps users focused.

This section is incredibly flexible, allowing you to source content from posts, pages, or posts from selected tags. Alternatively, you can use the custom content option to build each feature card manually through a simple repeater interface, giving you complete control over the showcase.

Reveral includes three independent Media Tabs sections, offering a highly engaging and interactive way to demonstrate your product in action. This feature moves beyond static descriptions, allowing users to explore different capabilities through a clean, tabbed interface where each tab reveals a corresponding visual.

Each tab can contain either a high-resolution image or a self-hosted video file, giving you the freedom to create dynamic presentations without relying on external embeds like YouTube. For video content, you can upload a custom poster image to ensure the player looks polished before playback begins. This is perfect for showcasing software walkthroughs, product animations, or real-world use cases.

The user experience is designed to be fluid and intuitive. Visitors can switch between tabs not only by clicking the labels but also by dragging the media viewer with a mouse or finger, creating a seamless browsing experience. You retain full design control with options to define the media aspect ratio for different devices and set the media fit (e.g., cover or contain) to ensure your visuals always look their best. Each of the three available sections supports an unlimited number of tabs.

This section is designed to communicate the foundational principles and core philosophies that define your product. It moves beyond features to explain why your product is built the way it is, building deeper trust and a stronger connection with your audience. It’s the perfect place to highlight your commitment to quality, security, or user-centric design.

The section is built using flexible repeater fields, allowing you to add as many value propositions as you need. Each item consists of an icon, a bold title, and a rich-text description to elaborate on each point. You can easily add icons using shortcodes from free Publii plugins, providing a clean visual anchor for each value.

The layout is clean and structured, presenting your core values in an easy-to-digest format that reinforces your brand’s credibility and professionalism. An optional footer text allows you to guide visitors to another relevant section of the page for more details.

The Insights section is designed to position your brand as an expert in its field by showcasing valuable content directly on your homepage. It’s the perfect place to feature articles, field reports, case studies, or company news, presented in a clean, card-based layout that is easy to browse.

You have complete control over what is displayed, with highly flexible content sourcing options. The section can be configured to automatically pull in the latest posts, display articles from one or more specific tags, or feature a hand-picked, curated list of selected posts and pages. This powerful curation allows you to keep your homepage content fresh, drive engagement to your blog, and effectively demonstrate your industry expertise.

Reveral includes a dedicated Call to Action (CTA) section strategically placed just above the footer, ensuring it appears on every page of your website. This makes it a powerful and persistent tool for guiding visitors toward your most important goal, whether it’s joining a beta program, requesting a quote, or signing up for a newsletter.

The section is highly customizable to match your brand’s aesthetic and campaign needs. You can choose between a high-contrast dark style or a clean light style to make it stand out. The content is fully editable with a rich-text field for the header, a prominent CTA button with flexible linking options, and an optional notice text below the button, which is perfect for adding a sense of urgency or extra information.

Reveral is built with a native dual-theme system to provide a superior viewing experience in any lighting condition. You can lock the theme to a light or dark appearance, or select the auto mode, which intelligently syncs with the user’s operating system preferences, ensuring optimal visual comfort for every visitor.

This flexibility extends to your brand identity. From the theme options, you can easily define your core brand palette, including the primary color, text colors, and heading colors for both modes independently. For deeper customization, Reveral is built on a clean foundation of CSS variables, allowing developers to fine-tune every aspect of the design with ease.

Reveral offers three distinct templates, giving you the flexibility to choose the best presentation for different types of content, from standard blog posts to impactful case studies.

• Standard Template: This provides a clean, classic layout with a centered header that includes the title, metadata, and an optional introductory text field to create a strong opening. Below this header, the featured image is displayed, which can be set to a standard width or expanded to full-width for maximum visual impact.
• Compact Template: Ideal for essential pages like ‘About Us’ or ‘Contact,’ as well as in-depth articles, this template uses a narrower content column. It creates a focused and intimate reading experience, ensuring your key information is presented with clarity.
• Split Template: For a modern, editorial look, the Split template divides the header area. It places the title and metadata on the left side and the featured image on the right, creating a dynamic and visually balanced introduction for your most important content.

Reveral extends its layout flexibility to tag and author pages, allowing you to choose the best way for visitors to discover your content. You can select from two powerful templates to match your site’s style and purpose.

• Default Template: This layout presents posts in a clean, single-column list with an alternating image and text design. It creates a focused, editorial-style reading experience, perfect for blogs or news sections where the narrative of each post is important.
• Grid Template: For a more compact and visual overview, the Grid Template arranges posts in a modern, multi-column grid. This layout is ideal for showcasing a portfolio, a product catalog, or allowing users to browse many topics quickly. The number of grid columns can also be adjusted in the theme options.

Beyond the layout, you have structural control over the tag and author pages themselves. Settings available when editing an individual author or tag allow you to toggle key elements like the post counter, the tag description, or the author’s avatar and biography. You can even disable the entire post list on these pages for specific use cases. Second, you can fine-tune the appearance of the individual post cards from the global Theme Options. This includes toggling the featured image, author name, date, and excerpt, as well as controlling the image aspect ratio to create a perfectly tailored look.