Top

Follow me and receive all the latest free scripts:

By Email:

Categories
Most Popular Posts

Adding TipoCode links to your website

Published October 20, 2014

TipoCode brand guidelinesTipoDirectory brand guidelinesLinksBacklink

This page explains how to make link to TipoCode or TipoDirectory.

TipoCode brand guidelines

A strong visual identity contributes to the TipoCode's reputation.

This information has been designed and presented to ensure that the TipoCode brand is marketed in an appropriate and consistent manner.

The TipoCode Branding Guidelines identify the online design elements that should be consistent across websites. These include the TipoCode logo, typography, color palette and other elements that, together, provide a cohesive look and feel across the TipoCode web.

If you'd like to make any use of our marks in a way that is not covered by this document, you must contact me at and include a visual mockup of intended use.

Below I have also added TipoDirectory Master Brand because, from now, TipoCode is also a web link directory.

TipoCode Master Brand

TipoCode has a SINGLE identity for the TipoCode brand known as the Master Brand identity which contains the elements below.


Download TipoCode Master Brand Logo .PNG

TipoDirectory Master Brand

TipoDirectory has a SINGLE identity for the TipoDirectory brand known as the Master Brand identity which contains the elements below.


Download TipoDirectory Master Brand Logo .PNG

Do not modify or alter the marks or use them in a confusing way, including suggesting sponsorship or endorsement by TipoCode, or in a way that confuses TipoCode with another brand.

Feel free to adjust the size. Use these marks in a readable size.

Official Colors

You're encouraged to use the official TipoCode colors when displaying the logo and marks.


Very dark grayish cyan - lime green #62726a
White #ffffff for the Stroke Effect (not required)



Darker grayish cyan - lime green #333b37
White #ffffff for the Stroke Effect (not required)

Vivid orange #f58619
White #ffffff for the Stroke Effect (not required)

Very dark orange [Brown tone] #361f08
For the cubic letter

Grayish yellow #cecdc0
For the cubic letter background

Grayish yellow for the slogan
#b6b5aa

Fonts

The brand and slogan typeface is Open Sans, Extrabold and Sharp.

The cubic typeface is Cubic, Regular and Strong.

Promoting TipoCode

Do

Don't

Simple text link

If you want to make a simple text link, copy/paste the code below:

<a href="http://www.tipocode.com">TipoCode</a>

You may adapt the URL and change it to a deep link. Same for the anchor. Example:

<a href="http://www.tipocode.com/jquery">jQuery tutorials</a>

Add the attribute target="_blank" in the <a> markup to open the page in a new window. target attribute is not a valid attribute in XHTML 1.0 Strict.

Promoting TipoDirectory

Do

Don't

Simple text link

If you want to make a simple text link, copy/paste the code below:

<a href="http://www.tipocode.com/link-directory">TipoDirectory</a>

You may adapt the URL and change it to a deep link. Same for the anchor. Example:

<a href="http://www.tipocode.com/link-directory/animals-pets">Animals & Pets - TipoDirectory</a>

Add the attribute target="_blank" in the <a> markup to open the page in a new window. target attribute is not a valid attribute in XHTML 1.0 Strict.

TipoCode reserves the right to modify these Guidelines at any time.

© TipoCode – Last revised: October 2014

About Simon Laroche
Simon Laroche on Google+
Simon Laroche on Twitter
Simon Laroche on Facebook
Simon Laroche on Pinterest
Simon Laroche on LinkedIn
: I am a Coder, Designer, Webmaster and Expert SEO Consulting, I'm also a wise traveller and an avid amateur photographer. I created the website TipoCode and many others such as Landolia: a World of Photos...

Leave a comment

Comments (0 comment)

No comments for the moment!