Brand Guidelines

Our Brand Guidelines outline the general rules when using Trepup brand assets and showcasing content. These rules apply to all media, including in-store signage, packaging, digital media and broadcast.

We want to make it easy for you to use our brand in the right way. However, you may only use the approved brand assets that are provided on this website. Any Trepup logos or images found elsewhere on the Web are not approved for use. Make sure your ads and marketing materials do not suggest that we are sponsoring your promotions or formally affiliated in any way.

Please go through our Brand Guidelines in detail, and contact us if you have any questions or require any clarifications.

Return to top

1. Logo

Trepup's logo is strong, impactful and innovative. It reflects our unique mission, robust security, easy processes and user-centered design. To correctly express our values, follow these guidelines.

White Logo on Black Background

White logo on black background

Black Logo on White Background

Black logo on white background

Social icons

Use our social icons if there is a space constraint, or use them as a branding element in designs.

Square Social Icon

Square Social Icon

Rounded Square Social Icon

Rounded Square Social Icon

Circular Social Icon

Circular Social Icon

Logo guidance

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.

Return to top

2. Colors

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

Primary brand colors

Our primary brand colors are black and white. They are used to provide accessibility, simplicity and consistency throughout all 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 should be used sparingly to display trust, support and assurance at times of interaction between a user and our brand.

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. We use these colors carefully to bring attention to key design elements and important content across our 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

Specialty 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: ffc52b

RGB: 255 197 43

HEX: ff5063

RGB: 255 80 99

HEX: 7376f0

RGB: 115 118 240

HEX: 40d055

RGB: 64 208 85

HEX: a651df

RGB: 166 81 223

HEX: 7c80c1

RGB: 124 128 193

HEX: 4a3574

RGB: 74 53 116

HEX: 2a2535

RGB: 42 37 53

Return to top

3. Typography

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

Typography
Roboto

Light

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Regular

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Bold

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Return to top

4. Iconography

Trepup's icons simplify complex ideas into visual content. Our icons illustrate product features and concepts to help users process information efficiently. We use a consistent style to create new icons.

Anchor

Calendar

Categories

Comments

Crop

Delete

Duplicate

Edit

Email

Filters

Followers

Like

Link

Notifications

Photos

Public

Ratings

Replace

Rotate

Schedule

Search

Share

Tickets

Video

Blogs

Cart

Cloud

Community

Event

Friends

Help

Home

Invite

Jobs

Library

Lists

Location

News

Newsroom

Payments

Products

Reports

Security

Templates

Trepboard

Trepmail

Trepstore

Wish List

Construction

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

Return to top

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

Hero Illustration

Hero illustration

Spot Illustration

Spot illustration

Log In to Trepup Log In Sign Up