Skip to main content

Website layout
and style

A well-designed website is like a friendly, well-organised storefront. It makes visitors feel welcome and helps them find what they need easily. This not only gives your business a professional look but also increases the chances of turning visitors into happy customers.

Stay consistent with global styles that are easy to set

The Layout and style tab is really where you get to define the general ‘look and feel’ of your brand and website. The styles you set here will become the defaults for your website, including what logo you will be using, the header and footer background colours, font colours and the shop layout.

Four simple section types to control layout

The layout for your website and shop is broken up into 4 separate sections:

1

Header

This contains your logo and main menu and in some templates, social media links.
2

Content

This is any extra information you add via the Website Builder. These could include images, text and extra pages such as Contact us and Postage.
3

Shop

These are the pages that your products are displayed in. This includes the catalogue page (which displays thumbnail views of your products), product detail page, wishlist and the checkout process.
4

Footer

This will contain links, address and company information and legal pages, depending on the template that you choose.

Three logos to rule your site

There are three different logos you can add to your Little Big Shop:

Site logo: This logo will appear on the header of your shop and any pages you add.

Invoice Logo: An ‘invoice logo’ is a tweaked version of your main logo. It’s especially useful if your regular logo blends into the invoice’s white background.

Browser icon (Favicon): A favicon is the small custom image that appears in the browser tab, and is associated with a particular website or brand. It is usually a small square icon, as small as 16×16 pixels in size.

Customise your typography and colours

Choose from a selection of web friendly fonts and select the overall font you want to use for your site, as well as the font colour, link colour and background colour to fit your brand.

Showcase your brand with a colour palette

Make designing your store easy by setting default colours for your Little Big Shop’s background, font or link colours, as well as header/footer and category navigations.

Choose from a variety of product layouts

Set how you wish your products to display in your shop.

Take it to the next level with advanced CSS

For users that know CSS code, you can add custom CSS here to override the default Little Big Shop CSS.

Promote the most important aspects of your brand using a banner

Add a banner to the top of your website to draw attention to anything you want to highlight, like a special promotion!

FAQs

What is a website page layout?

Website page layout is the arrangement of elements on a web page, which impacts the user experience. It should be visually appealing, easy to navigate, and highlight important elements. Effective page layout is an important part of website design and can affect the success of a website.

What are global website styles?

Global website styles are a set of consistent styles (fonts, colours, typography, layout, etc.) applied to every page of a website. This makes for a consistent and professional look, which is easier for visitors to navigate. These styles are stored in a CSS file and can be modified as needed.

How do you plan a website layout?

Laying out a website involves determining the arrangement of elements on each page to create an effective and user-friendly user interface.

The steps for laying out a website include:

  • defining the purpose and goals
  • determining the target audience and their needs
  • selecting a visual design
  • determining and arranging the content on each page
  • considering design elements
  • testing the layout with a small group of users.

Where can I find website layout ideas?

There are many places to find website layout ideas, including online resources, design blogs, and industry forums. Some popular sources include:

  • Website design galleries, such as Awwwards and CSS Design Awards, which showcase the latest and greatest in website design.
  • Design blogs, such as Smashing Magazine and Webdesigner Depot, which provide articles and tutorials on the latest design trends and techniques.
  • Industry forums, such as Reddit’s r/web_design, which provide a platform for designers and developers to share their work and get feedback from others in the community.
  • Social media platforms, such as Dribbble and Behance, where designers can showcase their work and connect with others in the design community.

Start your free trial!

Sign up today to start your free 14-day trial - no credit card required.
Sign up now