Making a Fashion Page

This is a longer, hands-on example. We will build a fashion page from scratch, one section at a time, so you can see how the blocks fit together on a real design. The example page is called silentactarchivedivision.

If you have not built a page before, read Getting Started first for the basics.

Create your fashion page

From your dashboard, create a new page. For this example we name it silentactarchivedivision and give it a matching link path.

Add your assets

Before designing, gather the images you will use: your logo, product shots, and any background photos. Upload them in the Assets area of the page so they are ready to drop into the editor.

Open the editor

Open the Page Editor. You will build the page here, adding one section at a time from the top down.

Add a hero section

The hero is the first thing visitors see, so it sets the tone. We will build it with a Container that holds the content, and a second Container nested inside it for finer control of the layout.

Start with an outer Container

Add a Container from the Insert menu, placed at the end of the page for now. This is the full-width band at the top of the page. Give it a background (a colour, a gradient, or one of your uploaded images) and enough padding so the content is not cramped against the edges.

Nest a Container inside it

Now add a second Container inside the first. Select the outer Container, open Insert, and choose the Inside placement so the new one lands within it. A container inside a container lets you group and align the hero's content (heading, subtext, and a button) independently of the outer band. Set the inner container's direction to vertical and center its items so the text stacks neatly in the middle.

Add the hero content

With the inner container selected, use Insert with the Inside placement to add a Text block for the headline, another Text block for a short line of supporting copy, and a Button that links to your main action. Style each one using the shared settings covered in Common Fields.