8 min article

Brand Guidelines Policy

This Brand Guidelines Policy is effective from 17 July 2020.

In this Brand Guidelines Policy:
1.

General  

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

You must read this Brand Guidelines Policy in conjunction with the Terms of Use, Intellectual Property Policy, Brand Usage Policy and Policies. Please go through the Brand Guidelines Policy in detail, and contact us if you have any questions or require any clarifications.

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  

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, 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.

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.

Black logo on white background

Black logo on light background

White logo on dark background

White logo on dark background

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.

Don't stretch or manipulate the logo

Don't stretch or manipulate the logo

Don't type out Trepup in any other fonts

Don't type out Trepup in any other fonts

Don't change the logo colors

Don't change the logo colors

3.

Social icons  

You may use our social icons if there is inadequate space for use of our logo or as a branding element in designs. You must only use them in circle, rounded square or square formats.

Circular social icon

Circle social icon

Rounded square social icon

Rounded square social icon

Square social icon

Square social icon

We’re 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  

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, and includes the following colors:

Primary brand colors

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

Black

HEX: 000000

RGB: 0 0 0

White

HEX: ffffff

RGB: 255 255 255

Safety color

Safety blue is an important color that is unique to Trepup and is used sparingly to display trust, support and assurance in communications with Users.

Safety blue

HEX: 0066c1

RGB: 0 102 193

Secondary colors

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: 03b7fb

RGB: 3 183 251

HEX: 3360ff

RGB: 51 96 255

HEX: 5c79ff

RGB: 92 121 255

HEX: 4586f1

RGB: 69 134 241

HEX: 7199f4

RGB: 113 153 244

HEX: 9ec9ff

RGB: 158 201 255

HEX: ccdeff

RGB: 204 222 255

HEX: f8fbff

RGB: 248 251 255

Speciality colors

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: ffcc00

RGB: 255 204 0

HEX: 3cb371

RGB: 60 179 113

HEX: 4169e1

RGB: 65 105 225

HEX: ba55d3

RGB: 186 85 211

HEX: dc143c

RGB: 220 20 60

HEX: ff8c00

RGB: 255 140 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  

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 the resolution.

Typography
Typography

Light

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Regular

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Bold

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

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  

Trepup icons are drawn on a 24 x 24 pixel grid frame, with a two (2) pixel stroke width for outlines. Each frame includes keylines and a two (2) 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

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

Anchor

Calendar

Categories

Comment

Connections

Crop

Delete

Duplicate

Edit

Email

Filters

Like

Link

Network

Notifications

Photo

Post

Public

Rotate

Schedule

Search

Share

Tickets

Video

Blog

Cart

Check-in

Cloud

Community

Events

Groups

Help

Home

Jobs

Login

News

Orders

Payments

Products

Report

Security

Settings

Templates

Trepboard

Trepmail

Trepstore

Treptools

Wish List

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  

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

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  

For other information in relation to the Platform and Trepup Services, please see the Policies or contact us using the details provided below:

Trepup.com AG Attn: Legal Affairs Dorfstrasse 16 6341 BAAR SWITZERLAND Email: legal@trepup.com

  • Was this article helpful?

You may also be interested in:

Need more help?

Call us

+41 44 563 98 20

Mon to Fri 08:00 to 18:30 CET (UTC+01:00)