Your Singlepage website has a range of design options to give it a modern and professional appearance. These will be set up for you when your site is built. You can tell me if you have any preferences when you place your order - or leave it to me to suggest something. Once your site goes live, you will be able to change most of these options yourself at any time - or you can always ask me to make changes as a paid support task.

It is important to understand that a Singlepage website is not like a custom-designed, one-off website. Costs are minimised by standardising the layout and limiting the design options to the following:

  • background colour, pattern or photo
  • colour scheme (not editable by you)
  • fonts

In addition, your own material (logo, text, photos and other content) has a big part to play in how the finished website will look.

If you are at all unsure whether these options can meet your requirements, please contact me with a pre-sales enquiry before going ahead. And if you really need a more comprehensive web design service, please take a look at my other site: Interact.

However, to demonstrate the versatility of these options, the images below show how the visual appearance of a site can be changed (using a demo site for an imaginary cafe called "Single Shot Espresso").

And you can also see a range of clients' sites on the Example sites page - these will give you a good idea of the range of design options.

Backgrounds

Your Singlepage website can have one of these three types of background:

  • a solid colour background
  • a background pattern
  • a large background photo

One of these will be set up when your Singlepage website is built. You will be able to change the type of background and the specific colour, pattern or photo easily at any time.

  • Background: solid colours

    Photo showing web site background colour

    The background can be any solid colour specified by a hex value (such as #ffffff for white). That gives you over 16 million options!

  • ... easy to change

    Photo showing new web site background colour

    You can change the background colour easily at any time.

  • Background: built-in patterns

    Photo showing web site background pattern

    Choose from over 20 built-in patterns. The built-in patterns also have a "greyscale" option with varying levels of transparency, so they can be used in combination with any solid background colour.

  • ...or upload your own pattern

    Photo showing new web site background pattern (upload your own)

    Alternatively, choose your own background pattern. Many are available free of charge from websites. This can be set up for you when your site is built and you can change it later.

  • Background: built-in background photos:

    Photo showing large photo used as web site background

    Choose from over 30 built-in background photos. The built-in background photos also have a "greyscale" option: this allows them to work well even if you have other strong colours on your site.

  • ...or upload your own photo:

    Photo showing new photo used as web site background (upload your own)

    Alternatively, upload your own background photo. This could be a photo you have taken yourself or one you have bought from a stock photo library. This can be set up for you when your site is built - and you can still change it later as often as you like.

Colour scheme

The colour scheme will be set up for you when the site is built. You can suggest specific colours if you like, or request your existing logo colours or suggest a colour scheme. This design feature cannot be edited later by you. However, changes to the colour scheme can be made for you as a paid support task.

  • Colour scheme:

    Photo showing web site colour scheme

    When the site is initially built, colours are set for headings, text, links and blocks of colour for various parts of the site. This colour scheme can incorporate colours you specify e.g. your logo colour.

  • Transparency:

    Photo showing transparency of overlay behind main content in web site

    The transparency on the main content region can be adjusted as part of the colour scheme to give a sophisticated appearance.

Fonts:

  • Fonts: text

    Photo showing web site text font

    Your site can use one of over 30 built-in fonts for text...

  • Fonts: headings

    Photo showing web site heading font

    ...and a different one for headings - again, there are over 30 built-in fonts for headings to choose from.

Layout:

The web page has a 2-column layout on tablets and conventional desktops/laptops, although this will change automatically to a single column on smartphones. The web page has various positions where your content can be inserted.

  • Two column layout:

    Photo showing two column layout for web site

    The simple 2 column layout provides lots of options for your material. The layout is easy to scan and text is easy to read.

  • Banner positions:

    Photo showing web site banner position

    Banner positions run across the full width of the site to give extra prominence to key material. Banner positions are available at the top and bottom of the page. Any content can be used in banner positions; however, there are some specific "letterbox" shaped modules for slideshows, header images and text blocks which work particularly well.

  • Primary positions:

    Photo showing web site primary position

    Primary positions are in the wider left-hand column on tablets, desktops and laptops - and appear above secondary positions on smartphones. Primary positions can be used for your most important information, or for material that needs the extra space.

  • Secondary positions:

    Photo showing web site secondary position

    Secondary positions are in the narrower right-hand column on tablets, desktops and laptops - and appear below primary positions on smartphones. Secondary positions can be used for smaller blocks of material - for example modules like "Latest news", "Location map", "Opening hours", "Contact us" etc.

Icons:

There is a wide range of built-in icons for use around the site. Over 60 are shown as examples in the website admin area and there are over 300 in the full set. Here are just a couple of examples:

  • Icon: opening hours

    Photo showing clock icon used on web site

    Use a clock icon in the heading for a module displaying your opening hours.

  • Icon: contact

    Photo showing envelope icon used on web site

    Use an envelope icon in the heading for the contact form.