Brand Guidelines
Effective 5 February 2024
Ensure consistency and respect for our brand identity.
Effective 5 February 2024
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 Brand 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 these guidelines, all capitalized terms not defined within these Brand Guidelines are interpreted as defined in the Terms of Service. Recognizing the dynamic nature of language, these guidelines are formulated to be inclusive, acknowledging both singular and plural references and adopting a gender-neutral stance.
In the spirit of fostering a responsible and engaged brand community, we encourage the application of Trepup Marks consistent with these guidelines and the Brand Usage policy. This approach aids in promoting your association with Trepup, while it is essential to distinguish between formal sponsorship or affiliation and independent promotional efforts. This careful distinction maintains the Trepup brand's integrity and independence, 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 the 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
Don't
Stretch or manipulate the logo
Don't
Type out Trepup in any other fonts
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 Circular Social Icon, ideal for user profiles and general presence across various digital platforms, and a Logo Social Icon, best suited for official communications and branding purposes. 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 use of color is fundamental to Trepup's brand identity, meticulously selected to ensure every piece of communication is infused with meaning and distinction. The Trepup color palette serves as a visual hallmark of our brand, setting a tone that is both unique and identifiable.
Central to our branding are the primary colors of blue and white. These choices are deliberate, with blue representing depth, reliability, and trust, and white offering clarity and simplicity. This combination forms the backbone of our visual communication, ensuring a seamless and cohesive brand experience. The addition of varying shades of blue as secondary colors speaks to our commitment to diversity and innovation, allowing for a vibrant presentation of ideas and information.
For designs that demand a more nuanced approach, our selection of specialty 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.
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.
Square height and width 18dp
Icon drawn using square keyline
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
Do
Position the icon "on pixel" within the icon grid
Don't
Position the icon on a coordinate that isn't "on pixel"
Trepup's iconography, available in both unfilled and filled states, is instrumental in illustrating product features and concepts, significantly aiding user comprehension and interaction. When integrating our icons with Trepup Marks, it's crucial to maintain the integrity of the brand. Icons should be used thoughtfully to complement the Trepup identity, avoiding any application that might mistakenly associate our visuals with third-party content or suggest an unintended endorsement.
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.
Conclusion
By following Trepup's Brand Guidelines, you help us maintain a strong and consistent brand identity across all channels. Using our logo, colors, fonts, and icons correctly not only aligns with our brand's standards but also reinforces our message of making global commerce easy and secure. Your efforts in applying these guidelines ensure that Trepup remains recognizable and trusted worldwide. As we all contribute to Trepup's story through our branding efforts, we create a unified and impactful brand that stands for innovation and inclusivity. Thank you for your commitment to preserving the essence of Trepup and supporting our mission to simplify commerce around the globe.