8 min article

Brand Guidelines Policy

This Brand Guidelines Policy is effective from 17 July 2020.

1.

General

1.1

This brand guidelines policy (“Brand Guidelines Policy”) outlines the general rules when you use the Trepup brand, including the logo, color schemes, typography and iconography, applicable to all media such as in-store signage, packaging, digital media and broadcast.

1.2

This Brand Guidelines Policy should be read in conjunction and together with the Terms of Use and the Policies. For the purposes of this Brand Guidelines Policy, all capitalized terms not otherwise defined herein shall have the meanings ascribed to them as set forth in the Terms of Use and the Trepup Glossary.

1.3

All references in this Brand Guidelines Policy to the singular shall include the plural (and vice versa) where applicable, and any gender form shall include all others.

1.4

You may download and use the Trepup Marks in accordance with this Brand Guidelines Policy and the Brand Usage Policy. You must not download the Trepup Marks and other brand resources from any other public or third-party sources such as Google or other search engines.

Download our brand resources

2.

Logo

2.1

Trepup's logo is strong, impactful and innovative. It reflects our unique mission, robust security, easy processes and user-centered design. To preserve the integrity of the logo when using it, always maintain sufficient clear space around it. The clear space around the logo is a critical part of its design, and ensures that the logo can be seen easily and is uncluttered by any other logos, symbols, images or text.

2.2

Our logo has two variants that may be used on light or dark backgrounds. The background on which the Trepup Marks are used must provide adequate contrast for the logo.

Blue logo on white background

Blue logo on white background

White logo on dark background

White logo on blue background

2.3

While using our logo, you must not (a) stretch, crop or otherwise manipulate the logo; (b) type out the text in the logo in any other fonts; or (c) change the colors in the logo.

Do not stretch or manipulate the logo

Do not stretch or manipulate the logo

Do not type out Trepup in any other fonts

Do not type out Trepup in any other fonts

Do not change the logo colors

Do not change the logo colors

3.

Social icon

3.1

You may use our social icon if there is inadequate space for use of our logo or as a branding element in designs.

Square social icon

Square social icon

3.2

We are happy to have you promote your Trepup presence and content. For more detailed information, please scroll down to explore Trepup’s basic design elements.

4.

Color palette

4.1

Color is a critical part of Trepup's design and is used in a consistent and meaningful manner in all our communications. Our color palette, characteristic of the Trepup brand, gives it a unique look and feel.

4.2

Our primary brand colors are blue and white. They are used to provide accessibility, simplicity and consistency throughout our brand communications.

Blue

HEX: 0066c1

RGB: 0 102 193

White

HEX: ffffff

RGB: 255 255 255

4.3

The bright and varied shades of blue in our secondary palette reflect our diversity and inclusive growth business model. These colors are used to bring attention to key design elements and important content across the Trepup brand.

HEX: 1565c0

RGB: 21 101 192

HEX: 2979ff

RGB: 41 121 255

HEX: 448aff

RGB: 68 138 255

HEX: 2196f3

RGB: 33 150 243

HEX: 42A5f5

RGB: 66 165 245

HEX: 90caf9

RGB: 144 202 249

HEX: bbdefb

RGB: 187 222 251

HEX: e3f2fD

RGB: 227 242 253

4.4

The specialty colors are designated only for illustrations that require tone-on-tone pairings, and for product designs that require variations of tone and opacity.

HEX: ffca28

RGB: 255 202 40

HEX: 43a047

RGB: 67 160 71

HEX: 2196f3

RGB: 33 150 243

HEX: ab47bc

RGB: 171 71 188

HEX: d50000

RGB: 213 0 0

HEX: ff9800

RGB: 255 152 0

You may consider using our color palette in your design when incorporating the Trepup Marks. However, you must not use these colors in your design in any manner that may attribute third-party material to Trepup, and be confusingly similar to or indicative of the Trepup Marks.

5.

Typography

5.1

Typography is fundamental to Trepup's design and readability. The Roboto font is used to provide a consistent reading experience regardless of the screen size and resolution.

Typography

Headline

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Subtitle

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Body

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

5.2

You may consider using the Roboto font in your design when incorporating the Trepup Marks. However, you must not use the font in any manner that may attribute third-party material to Trepup, and be confusingly similar to or indicative of the Trepup Marks.

6.

Iconography

6.1

Trepup icons are drawn on a 24 x 24 pixel grid frame, with a two pixel stroke width for outlines. Each frame includes keylines and a two pixel padding on all sides as guidance. It is acceptable to go beyond the padding or off the keylines, if doing so improves the optical balance of the icon.

2D icon

2D icon

3D icon

3D icon

6.2

Our icons simplify complex ideas into visual content. The icons illustrate product features and concepts to help Users process information efficiently. Examples of our 2D and 3D icons include:

Anchor

Calendar

Category

Collage

Comment

Crop

Delete

Duplicate

Edit

Filter

Flip

Info

Language

Like

Link

Network

Notifications

Post

Rotate

Schedule

Search

Share

Ticket

Video

Blog

Cart

Check-in

Community

Event

Favorite

Gallery

Groups

Help

Home

Job

Login

Offer

Order

Payment

Product

Public

Report

Security

Settings

Trepboard

Trepmail

Trepstore

Treptools

6.3

You may consider using our iconography in your design when incorporating the Trepup Marks. However, you must not use the icons in any manner that may attribute third-party material to Trepup, and be confusingly similar to or indicative of the Trepup Marks.

7.

Illustration

7.1

Illustration is an important element of Trepup's brand. It tells a story while supporting our content, thereby creating a better user experience. It is not used only as a decorative image. Examples of our illustrations include:

Hero

Hero

Spot

Spot hero

7.2 You may consider using our illustrations as is in relation to Trepup’s Products and Services or in conjunction with the Trepup Marks. However, you must not use our illustrations in any manner that may attribute third-party material to Trepup, and be confusingly similar to or indicative of the Trepup Marks.

8.

Contact us

If you have any additional questions or require further clarification regarding this Brand Guidelines Policy or any of the Policies, please contact us at any time using the details below.

Trepup.com AG Attn: Legal Operations Dorfstrasse 16 6341 Baar Switzerland Email: legal@trepup.com

  • Was this article helpful?

Submit

You may also be interested in:

Need more help?

Call us

+41 44 563 98 20

Mon to Fri 08:00 to 18:30 CEST (UTC+02:00)