8 min article

Brand Guidelines Policy

This Brand Guidelines Policy is effective from 1 January 2023.

In this Brand Guidelines Policy:
1.

General

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

1.2 The 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 meaning 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 Trepup Marks in accordance with this Brand Guidelines Policy and the Brand Usage Policy. We are happy to have you promote your Trepup presence and User Content. Just make sure your ads and marketing materials do not suggest that Trepup is sponsoring your promotions or formally affiliated in any way.

Download our brand resources

2.

Logo

2.1 Trepup's logo is strong, innovative and impactful. 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 which may be used on light or dark backgrounds. The background on which Trepup Marks are used must provide adequate contrast for the logo.

Blue logo on light background

Blue logo on light background

White logo on dark background

White logo on dark 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 icons

If you're looking to make it easier for people to connect with you on Trepup, we've made a few different social icons for you to choose from.

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 User 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 for illustrations that require tone-on-tone pairings, and for product designs that require variations of tone and opacity.

HEX: fbbc05

RGB: 251 188 5

HEX: 34a853

RGB: 52 168 83

HEX: 4285f4

RGB: 66 133 244

HEX: aa00ff

RGB: 170 0 255

HEX: ea4335

RGB: 234 67 53

HEX: ff9800

RGB: 255 152 0

4.5 You may consider our color palette in your design when incorporating Trepup Marks. However, you must not use the colors in your design in any manner that may attribute third-party material to Trepup and be confusingly similar to or indicative of 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 the Roboto font in your design when incorporating 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 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.

Grid

Grid

Keyline

Keyline

Square height and width 18dp

Square height and width 18dp

Icon drawn using square keyline

Icon drawn using square keyline

Circle diameter 20dp

Circle diameter 20dp

Icon drawn using circle keyline

Icon drawn using circle keyline

Vertical rectangle height 20dp and width 16dp

Vertical rectangle height 20dp and width 16dp

Icon drawn using vertical rectangle keyline

Icon drawn using vertical rectangle keyline

Horizontal rectangle height 16dp and width 20dp

Horizontal rectangle height 16dp and width 20dp

Icon drawn using horizontal rectangle keyline

Icon drawn using horizontal rectangle keyline

Position the icon "on pixel" within the icon grid

Position the icon "on pixel" within the icon grid

Don't position the icon on a coordinate that isn't "on pixel"

Don't position the icon on a coordinate that isn't "on pixel"

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 icons in unfilled and filled states include:

Account

Bio

Calendar

Cookie

Delete

Download

Edit

Embed

Hashtag

Help

History

Inbox

Info

Language

Link

Map

Mention

Notifications

Report

Repost

Search

Security

Video

Visibility

Add

Album

Analytics

Billing

Comment

Copy

Discover

Email

Favorites

Following

Home

Like

Marketplace

Mood

Photos

Pin

Play

Public

Reviews

Send

Share

Store

Verified

Volume

6.3 You may consider our iconography in your design when incorporating 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 Trepup Marks.

7.

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 Baar, Zug 6341 Switzerland Email: legal@trepup.com

Was this article helpful?

You may also be interested in:

Need more help?

Call us

+41 44 560 99 03

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