Adding Tipo Directory links to your website

This page explains how to make link to Tipo Code or Tipo Directory.

Tipo Code brand guidelines

A strong visual identity contributes to the Tipo Code's reputation.

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

The Tipo Code Branding Guidelines identify the online design elements that should be consistent across websites. These include the Tipo Code logo, typography, color palette and other elements that, together, provide a cohesive look and feel across the Tipo Code 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 Tipo Directory Master Brand because, from now, Tip oCode is a web link directory.

Tipo Code Master Brand

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

Tipo Code Master Brand
Download Tipo Code Master Brand Logo .PNG

Tipo Directory Master Brand

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

Tipo Directory Master Brand
Download Tipo Directory Master Brand Logo .PNG

Do not modify or alter the marks or use them in a confusing way, including suggesting sponsorship or endorsement by Tipo Code, or in a way that confuses Tipo Code 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 Tipo Code colors when displaying the logo and marks.

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


Darker grayish cyan - lime green
Darker grayish cyan - lime green #333b37
White #ffffff for the Stroke Effect (not required)
Vivid orange
Vivid orange #f58619
White #ffffff for the Stroke Effect (not required)
Very dark orange
Very dark orange [Brown tone] #361f08
For the cubic letter
Grayish yellow
Grayish yellow #cecdc0
For the cubic letter background
Grayish yellow
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 Tipo Directory

Do

  • Create your own icons, buttons and banners using and respecting our official colors.
  • Change the slogan "Free Human Edited Web Link Directory" by another one such as the name of a link category if you want to promote specific category.

Don't

  • Change or remove the brand name Tipo Directory
  • Rotate these marks
  • Obstruct them
  • Add extraneous effects

Simple text link

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

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

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

<a href="http://www.tipocode.com/animals-pets">Animals & Pets - Tipo Directory</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.

Tipo Directory reserves the right to modify these Guidelines at any time.

© Tipo Directory – Last revised: October 2014

Copyright © 2014-2021 Tipo Directory. All rights reserved. Screenshots by Robothumb.