Vsble gives you a very flexible design system.
Each page and each album layout can be controlled separately for desktop and mobile, so you can create a website that looks strong on large screens and still feels practical and clean on phones.

This article explains how it works.

Every page on your website can use its own design.

This means you are not limited to one single page layout across the whole website.
For example, your Home page can look completely different from your Portfolio, About, or Contact page.

You can choose the design for each page in the Design Panel.

Each page can have:

So the same page can be styled differently depending on the device.

For example:

Page designs can be selected from different template styles or classic grid layout with different amount of rows.

If a page contains albums, the albums also have their own design settings.

Just like pages, album layouts can be set separately for:

This is useful because album presentation often needs to work differently on different screen sizes.

You may choose:

This allows you to create a richer visual experience on large screens while keeping navigation simple and user-friendly on smaller screens.

Album designs can be selected from different template style, classic grid layout with different amount of rows or vertical or horizontal scroll options with different captions placing options.

This is an important rule:

If you change the album design for a page, that design will apply to all albums on that page.

So album designs do not get assigned individually to each album.
Instead, the page defines how the albums on that page are displayed.

If your page Portfolio contains the albums:

and you assign a certain album design to that page, then all three albums on that page will follow that same album design.

This keeps the page visually consistent.

While all albums on one page share the same album design, different pages can use different designs.

That means:

So the design is consistent within a page, but does not need to be the same across the entire website.

A template in Vsble is not just one single design.

A template is a combination of:

So when you select a template, you are selecting a predefined combination of how pages and albums are designed across desktop and mobile.

One of the most powerful parts of the system is that you can change designs independently.

That means you can change:

all separately.

You are not forced to use the same design logic on every device.

You could use:

This gives you much more control over how visitors experience your site.

Once you have combined designs the way you want, you can save that setup as your own custom template.

This allows you to:

Your saved template can include your chosen:

This is useful if you want to test different looks or keep several design directions ready to use.

Changing designs does not remove your content.

Your:

remain in place and automatically adapt to the design you choose.

So you can redesign the look of the site without needing to rebuild the content itself.

Here is the easiest way to understand it:

Each page can have its own design for desktop and mobile.

Albums can also have separate desktop and mobile designs.

All albums on the same page always share the same album design.

A template is a combination of page and album designs across desktop and mobile.

You can change all of this independently and save your own custom template versions.

Let’s say you have two pages:

In this case:

Vsble’s design system gives you a lot of freedom without making things chaotic.

You can:

This makes it possible to create a website that feels much more considered, refined, and device-appropriate — without having to rebuild your content every time.