Webpage Styling, Colours and Fonts

When you place an order with us, we will want to know what colours, fonts and styling you are looking for.

Terminology

Web designers refer to the areas of a webpage as in the image to the right. There may be left and right sidebars or none at all!

Colours

The colour charts below can be used to identify the colours that you want for backgrounds, fonts etc.

Will you want to match up your screen colours with printed work at some point?

It isn't an absolutely critical issue but if you are really keen to ensure minimal variation between screen and print colours then the CMYK chart, used for commercial printing, has some advantages.

If not, use the RGB chart for on-screen colours.

RGB Colours - used for on screen colours

We can use lighter or darker shades of these colours if you prefer.

RGB-Colour-Chart

CMYK Colours - used for commercial printing

Tints to make these colours lighter or darker are possible but be aware that this is increasing variation between the various print or screen versions of your colours.

CMYK-colour-chart

Font Styles

There are thousands of fonts that can be used on your website however we advise that you use a font which is easy to read for your webpage content. How a font is displayed on your visitor's PC depends on whether they have that font installed or not. If you really want to use a rare font, the only way around this problem is to create an image with the text you want in your desired font and then display the image - quite feasible for your page header but generally impractical to make a habit of doing in the webpage body.

Have a look at the two lists below which illustrate the difference.

Fonts displayed because they are in an image

font-styles

Fonts displayed because they have been installed on your computer

If you don't see a difference, it will be because your computer has a large list of fonts installed but you might not see the Old English style font called "Wedding Text BC" font right at the bottom of the list.

This is Arial

This is Arial Rounded MT Bold with the default font showing if it is not installed on your PC

This is Agency with the default font showing if it is not installed on your PC

This is Bauhaus with the default font showing if it is not installed on your PC

This is Berlin Sans FB with the default font showing if it is not installed on your PC

This is Bookman Old Style with the default font showing if it is not installed on your PC

This is Bradley Hand ITC with the default font showing if it is not installed on your PC

This is Broadway with the default font showing if it is not installed on your PC

This is Brush Script MT with the default font showing if it is not installed on your PC

This is Calibri with the default font showing if it is not installed on your PC

This is Comic Sans MS with the default font showing if it is not installed on your PC

This is Cooper Black with the default font showing if it is not installed on your PC

This is Georgia with the default font showing if it is not installed on your PC

This is Gill Sans MT with the default font showing if it is not installed on your PC

This is Goudy Stout with the default font showing if it is not installed on your PC

This is Impact with the default font showing if it is not installed on your PC

This is Lucida Sans with the default font showing if it is not installed on your PC

This is Palatino Linotype with the default font showing if it is not installed on your PC

This is Rage Italic with the default font showing if it is not installed on your PC

This is Script MT Bold with the default font showing if it is not installed on your PC

This is Stencil with the default font showing if it is not installed on your PC

This is Tahoma with the default font showing if it is not installed on your PC

This is Times New Roman with the default font showing if it is not installed on your PC

This is Verdana with the default font showing if it is not installed on your PC

This is Vivaldi with the default font showing if it is not installed on your PC

This is Wedding Text BT with the default font showing if it is not installed on your PC

February 4, 2012      You are here: