We designed a bright and attention-grabbing layout that will definitely attract your site visitors. You can use this "Pinterest-like" layout for a portfolio, photography or artist galleries, catalog of company products, or just for news blocks, etc.

Rational Layout Screenshots

Designed for multi-purpose visually appealing websites

Showcase a diverse range of topics and engage your audience with an attractive presentation of your articles from various categories.

Designed for multi-purpose visually appealing websites

Fully responsive and highly adjustable layout

Fully responsive and mobile-friendly layout with Masonry grid library. Automatically adapts to any device screen by placing elements in optimal positions based on element size and available columns.

Fully responsive and highly adjustable masonry layout

Many preset color options to suit any Joomla website.

RAXO Rational supports Dark and Light theme switcher to enhance the audience's experience. Easily apply predefined classes to switch between themes and colors to suit your site design needs..

Dark-Light theme and Colors switcher

Looks beautiful even without images

Every single element is designed to look perfect and attractive even if your articles contain only textual information.

Looks beautiful even without images

Highly customizable and fully responsive Masonry grid layout.

When it comes to front-end development, the masonry layout has proven to be an effective way of displaying multiple elements in a grid, partially saving page space.

A masonry layout is one in which elements are arranged in a row, one after the other. As they move to the next row, the elements move up into any gaps left by shorter elements in the first row. This layout has been widely shared and popularised on platforms such as Pinterest.

Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Take a look at this visual explanation. Note the numbers, which show the actual order of the elements in your HTML code:

Rational Layout Features

• Bright and attention-grabbing design
• Ready-to-use layout, no CSS or coding skills required;
• Easy installation via Joomla installation interface;
• Predefined number of columns for each device and screen size;
• Number of columns easily switchable (from 1 to 6) to suit your needs;
• Flexible structure and design supports any set of content elements: image, title, author, date, read more, etc;
• Supports the Dark & Light theme to enhance the audience's reading experience;
• 10 color schemes for you to easily switch between.