Design your Website using your Existing Business Identity.

build a websiteWhen you start to think about building a website for your business, one of the first things you need to consider is its look and feel. What colours to use? What images to use? What company logo, slogan, information etc. If you already have a business, brand or corporate image, and have used this on existing literature, leaflets and advertising, then the best thing you can do is to copy that look and information into your website. Maintaining corporate or brand awareness is vital if you want to help people remember you. Reason8’s Template Builder is so flexible that it can help you to recreate that all important look into your website.

Should you need help with any step of creating your new header and website design, click here to check out a series of tutorials created to help you get the very best out of Template Designer.
If you’re starting from scratch with a new trial, simply choose your preferred starter template from all the categories and choices available and click personalise. If you’ve already started designing your website and header background, login to your website, click step 2 and click the header to access the template builder facility.

We’re going to look at designing your website header and background from scratch today, so allowing you to incorporate all your own colours and images. So let’s start by clicking the Design tab at the top of the Template Builder and clicking the tab – “Design your own Template”.

build a website

Click the header tab. Here you can select just one colour for your header or you can have one colour fading into another.
To select just one colour, click in the colour box in Step 1 and choose your colour from the spectrum, then click ok.
In Step 2, Style, choose Simple Fill.
In step 3 you can choose to have the corners of your header straight or rounded using the sliders.

If your business identity has two colours, select the first colour as above and then click the “Outside” tab on the left and in Step 1, select your second colour from the spectrum, then click ok.
Now go back to the Header section by clicking the “Header” tab on the left.
In Step 2 – Style, you can now choose how you want the two colours to fade into each other. From Left to Right, Right to Left, Top to Bottom or from Bottom to Top.
As soon as you select one of these options you will see your second colour appear within the colour fade scheme.
You can use the slider at the bottom of Step 2 to determine the depth of the fade of your second colour. 

Patterned Design

build a websiteRather than using a solid or faded colour, you could choose a pattern to play the part of your second colour and to run around the outside of your website design. There are lots to choose from so you should be able to find something ideally suited to your business both in colour and relevance.

If you find a pattern that you love and the colours are right for your business image, you can even select one of the colours from your pattern as the primary colour on your header section. After selecting your pattern in the “Outside” tab, click the “Header” tab again and click the colour box in Step 1 and then using your mouse, move your cursor onto the pattern. You will see the cursor changes to the colour picker icon, which means you can now click anywhere on the pattern and select one of its colours. You can see the colour changing in the “New Colour” box to the right of the spectrum as you move your mouse around. Simply left click when you’ve found the perfect complimentary colour. In Step 2, you can either select simple fill or you can choose a fade option combining both your primary colour and your pattern.

You can play around with the endless options here for as long as you like until you are happy with your design.

build a website 

Comments (Comment Moderation is enabled. Your comment will not appear until approved.)
This blog is running version
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','','ga'); ga('create', 'UA-2227312-2', 'auto'); ga('send', 'pageview');