Brand Guidelines

Welcome to the Trepup Brand Guidelines, your comprehensive resource for understanding how to use our brand assets—including the logo, color schemes, typography, and iconography—across various mediums such as digital media, broadcast, in-store signage, and packaging. These guidelines are designed to help you effectively represent our brand while maintaining its integrity and consistency across all forms of communication.

These guidelines outline the rules governing your access to and use of Trepup's branding resources and should be read in conjunction with the Terms of Service and the Policies. For the purpose of these guidelines, any capitalized terms not explicitly defined herein are to be understood as defined within the Terms of Service. In recognizing the dynamic and evolving nature of language, we have formulated these guidelines to be inclusive, accommodating both singular and plural forms, while maintaining a gender-neutral approach to ensure universal comprehension and inclusivity.

In the spirit of fostering a responsible and engaged brand community, we encourage the application of Trepup Marks, including logos, symbols, trademarks, service marks, trade names, and any other distinctive brand features, in accordance with these guidelines and the Brand Usage policy. This approach not only aids in promoting your association with Trepup but also emphasizes the importance of distinguishing between formal sponsorship or affiliation and independent promotional efforts. Such careful distinction is crucial for maintaining the integrity and independence of Trepup Marks, thereby nurturing a vibrant ecosystem of users and promoters.

Adherence to these guidelines is instrumental in safeguarding the Trepup brand identity, ensuring that our mission and values are communicated clearly and consistently across all touchpoints. Your commitment to these principles supports the continuity and strength of our brand, facilitating a cohesive and compelling presentation that resonates with our diverse user base.

Trepup logo and social icons

The Trepup logo symbolizes empowerment, innovation, and connectivity, reflecting our mission to simplify commerce worldwide. It embodies robust security, user-centric design, and the seamless integration of businesses into the global market. To preserve the integrity of our logo, ensure there is sufficient clear space around it to enhance visibility and prevent visual clutter. The logo should be used in its designated variants against light or dark backgrounds to maintain adequate contrast, without altering its form by stretching, cropping, changing its colors, or modifying its font.

Incorporating our brand's color palette and typography into your use of the Trepup logo and social icons is crucial for maintaining visual consistency across all branding materials. Our carefully selected colors should be used consistently to reinforce our identity, while our designated typography complements the logo and icons, ensuring readability and brand alignment.

To ensure Trepup Marks stand out appropriately, we offer two logo variants specifically designed for optimal visibility against either light or dark backgrounds. This ensures the logo maintains its visual integrity and recognizability across all usage scenarios.

Blue logo on a light background

White logo on a dark background

close Don't

Stretch or manipulate the logo

close Don't

Type out Trepup in any other fonts

close Don't

Change the logo colors

To foster connections within the Trepup community, we offer a select range of social icons designed for easy recognition and seamless integration with our brand identity. This includes a logo social icon, best suited for official communications and branding purposes, and a circular social icon, ideal for user profiles and general presence across various digital platforms. These icons, created to align with Trepup's visual language, should be used to direct users to your Trepup profile, enhancing engagement and presence on our platform.

Logo social icon

Minimum width = 32px

Circular social icon

Minimum width = 32px

Rounded square social icon

Minimum width = 32px

By following these guidelines—emphasizing the consistent application of clear space, contrast, color, typography, and iconography—you contribute to the cohesive strength of Trepup's brand identity. This approach ensures a unified presentation of our brand across different media, promoting a vibrant and interconnected user community.

Color palette

The strategic deployment of color is essential to Trepup's brand identity, with each shade meticulously chosen to infuse every communication with meaning and distinctiveness. Our unique color palette acts as a visual emblem that differentiates our brand, setting a recognizable and distinctive tone.

Central to our branding strategy is the primary color blue, chosen for its associations with depth, reliability, and trust. This selection anchors our visual communication, ensuring uniformity and cohesion throughout our brand experience. The inclusion of various shades of blue as secondary colors highlights our commitment to diversity and innovation, allowing for a lively and captivating presentation of ideas and information.

#EAF3FD

COPY

#D0E7FF

COPY

#C5E1FF

COPY

#B5CFFF

COPY

#A4C6FF

COPY

#448AFF

COPY

#2979FF

COPY

#0069EC

COPY

#303F9F

COPY

#003366

COPY

For designs that demand a more nuanced approach, our selection of neutral and accent colors provides the necessary palette for detailed illustrations and complex product designs. These colors have been chosen for their ability to complement one another, facilitating designs that require sophisticated tone-on-tone interactions or precise adjustments in opacity and tone.

#2B2B2B

COPY

#AEAEAE

COPY

#F7F7F7

COPY

#DB3939

COPY

#FFA726

COPY

#00C853

COPY

Incorporating the Trepup color palette into your designs demands a thoughtful approach. It is essential to leverage these colors in a way that reinforces the Trepup identity, avoiding any use that could mistakenly suggest a connection with external entities or dilute our brand's essence. By aligning your designs with our color guidelines, you contribute to a brand ecosystem that is vibrant, coherent, and unmistakably Trepup.

Typography

Typography is a cornerstone of Trepup’s design philosophy, essential for ensuring readability and enhancing the user experience across various media. We have selected Roboto as our brand's primary typeface, owing to its modern aesthetics, geometric clarity, and flexibility in usage, from digital screens to printed materials. Roboto's design features geometric forms and open curves, which contribute to its legibility at different sizes and in diverse applications.

To establish a clear visual hierarchy in our communications, we utilize Roboto in strategic weights: Roboto Medium is utilized for headings to capture attention, while Roboto Regular is applied across body text, captions, and secondary texts to ensure legibility and uniformity. This deliberate choice in typography supports our goal of maintaining readability and visual consistency throughout Trepup's materials, reinforcing the cohesive appearance and accessibility of our brand messaging across all platforms.

Headline

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Subtitle

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Body

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890

Using Roboto with Trepup Marks should enhance, not undermine, brand consistency. Avoid usage that might imply unauthorized association with third-party material. If Roboto is unavailable, Arial or Helvetica are suitable alternatives, given their visual similarity to Roboto and widespread availability for commercial use.

Commitment to accessibility ensures Trepup's communications are inclusive, adhering to guidelines on font size and text-background contrast. Following these principles helps maintain Trepup's visual identity cohesively and accessibly across platforms. We recommend exploring examples of Roboto within our marketing resources for practical insights on typography in brand application.

Iconography

Iconography plays a vital role in Trepup's visual language, offering a clear and intuitive way to communicate complex ideas and functionalities. We utilize icons from Google Material, renowned for their crisp, pixel-perfect designs that enhance user interface experiences. Our standard icon size is set at 24 x 24 pixels, created with a precise two-pixel stroke width for outlines, ensuring consistency and clarity across all digital platforms.

Each icon is designed within a pixel-based grid, incorporating keylines and a two-pixel padding around the perimeter for optimal alignment and spacing. While adherence to these guidelines is fundamental, adjustments are permissible to enhance an icon's optical balance, ensuring that each symbol is as intuitive and visually appealing as possible.

Grid

Keyline

Square height and width 18dp

Icon drawn using square keyline

Circle diameter 20dp

Icon drawn using circle keyline

Vertical rectangle height 20dp and width 16dp

Icon drawn using vertical rectangle keyline

Horizontal rectangle height 16dp and width 20dp

Icon drawn using horizontal rectangle keyline

check Do

Position the icon "on pixel" within the icon grid

close Don't

Position the icon on a coordinate that isn't "on pixel"

Trepup's iconography, available exclusively in unfilled states, plays a crucial role in illustrating product features and concepts, enhancing user comprehension and interaction. When integrating our icons with Trepup Marks, maintaining the brand's integrity is essential. Icons should be used thoughtfully to align with the Trepup identity, ensuring they do not mistakenly associate our visuals with third-party content or imply unintended endorsements.

By incorporating Trepup's carefully selected iconography into your designs, you contribute to a cohesive and accessible brand environment that facilitates efficient information processing and enhances the overall user experience.