Close
Log in Register

Logo design and its position on your website

Follow this best practice guide to how and where to position your brand logo on your website:

  1. Keep to a top left-aligned logo

    Why, because visitors start viewing/browsing your site from the top left.

  2. Prominence

    In order for it to stand out, make it larger and more prominent than your navigation menu.



  3. Clickable

    Visitors to your site will expect to be able to click on the logo to return to the home page.

Avoid these design mistakes

  1. The logo is too small

    If your logo is too small, someone visiting your site may not be able to distinguish your logo elements at a glance or read your company name.



  2. The logo is too big

    There’s no benefit in having an oversized logo, and little rationale for repeating it as shown below.



  3. The logo is too distracting

    On the homepage below the logo is arguably too large and too distracting.



  4. The logo is blurry

    Don’t overlook the quality of your logo’s image file. If it’s not the right size, your logo may become pixelated when scaled. That may also mean your logo text isn’t legible (a big mistake)

    Test the logo at different sizes to double-check that your company name remains readable.

    Always ask for/supply a PNG file as opposed to a JPEG. This is because the image quality doesn’t change when scaling the size up or down.

There are three main types of logo

  1. A text only or word mark logo.

    A text only or word mark logo is consisted of the company’s name only. The text of this type of logos is divided into two further types:

    • Full name of the company.
    • Abbreviation or acronym of the company’s name.

    Word mark logos don’t include any image, just text, and this text is written with some good typeface and colours which make them unique and identifiable among all other text only logos.

    A text only logo is a common trend because it is very straightforward and easily recognizable emblem. Many famous companies have re-branded their identities with word mark logos like Apple or Canon.

    Examples of text only/word mark logos of some famous brands:

  2. A symbol or brand mark logo.

    This type of logos contains image symbols without any text or acronym.

    Symbol is an abstract image representing the business ideology.

    The most famous brand mark of Nike is the ‘swoosh’ symbol which represents the goddess of victory.

    Some brand mark logo examples:

  3. Combination or iconic logo.

    Blend of the word mark and brand mark creates a combination or iconic logo. Iconic logos have both the features of text and image.

    These types of logos are used by companies to represent their company’s name and brand symbol.

    The world famous brands like McDonald’s have combination logos for unique brand identity.

    Some examples:





Some querky examples




To create your new brand's logo, follow these seven steps:

  1. Start with this short guide on the rules of logo design.
  2. Write/approve the design brief (see a template example in the column, opposite)

    Include the company’s brand platform within the brief.

    Agree what type of logo is required (see the three options, below).

  3. Agree on the colour palette.
  4. Create logo design concepts.
  5. Review and select the most promising designs (that deliver the brand platform).
  6. Research internally and externally.
  7. Agree the preferred design.