Trepup Brand Guidelines

Welcome to the Trepup Brand Guidelines ("brand guidelines"). These principles are your guide to representing Trepup boldly and authentically across a store‑embedded, socially powered ecosystem where design fuels connection, creativity, and trust.

By following these brand guidelines, you're not just upholding the strength of Trepup's identity — you're shaping the future of commerce in a world that values clarity, consistency, and shared meaning.

These brand guidelines detail how to use Trepup's core assets — including logos, color palette, typography, and iconography — ensuring alignment across every surface. Adherence to these principles preserves Trepup's visual integrity while supporting a dynamic, trust‑based environment that empowers creators, stores, and followers alike.

At Trepup, we're not just building a platform. We're creating a connected movement where individuals and stores collaborate, thrive, and shape what's next — one post, one product, and one powerful visual at a time.

library_booksLogo usage

The Trepup logo embodies our mission to simplify global commerce through empowerment, innovation, and connection. To maintain its integrity and ensure consistent brand identity, it's essential to use the logo correctly across all touchpoints. By adhering to the following brand guidelines, you help preserve Trepup's visual strength and identity.

Clear space and size

To maintain the visual impact of the Trepup logo, always provide ample clear space around it. The minimum clear space should be equal to the height of the logo's 'T' on all sides, preventing visual interference and ensuring the logo remains prominent and legible:

• Minimum size for print

  :
  1.5 inches (38mm) in width

• Minimum size for digital use

  :
  100px in width

Color and contrast

For optimal visual impact, ensure the Trepup logo always maintains sufficient contrast against its background. Use the logo's designated color variants for optimal contrast:

• Blue logo on a light background
• White logo on a dark background

These variants ensure visibility and recognition across all media.

Correct logo usage

The Trepup logo must be used in its original form to maintain consistency. Never stretch, compress, crop, or distort the logo. Additionally, do not alter the logo's colors, fonts, or proportions.

Do not:

• Stretch or distort the logo
• Change the logo's colors
• Use unauthorized fonts or create variations of the logo
• Overlay the logo on complex or visually busy backgrounds without sufficient contrast
• Use the logo at a size that's too small to be legible or clear

Social icons

Trepup social icons are designed for brand‑aligned use across digital platforms. Use them to link to your store, profile, or content — while maintaining consistent visual identity and platform integrity.

Available formats and styles (min. width: 32px):

• Logo social icon — Standalone symbol for general use
• Circular social icon — Ideal for profile links and social mentions
• Rounded square social icon — Optimized for mobile or app‑like placements

Use these icons only to represent your presence on Trepup. Do not alter their shape, color, or orientation. For full usage standards, refer to these brand guidelines.

Download brand resources

Download the official Trepup brand pack to access:

• Social icons in multiple file types (.ai, .eps, .svg, .png, .psd)
• Icon variants optimized for profile linking, store sharing, and digital placement

By downloading, you agree to follow these brand guidelines and uphold the standards outlined in the Trepup Brand Integrity Policy ("brand integrity policy") and Trepup Intellectual Property Policy ("intellectual property policy").

Note: Logo use is permitted only in editorial, media, integration, or promotional contexts that respect Trepup's brand. Unauthorized use may result in takedown or restriction.

Trepup's visual system is designed to unify creativity, trust, and global reach. By using our brand elements with care, you help build a consistent and meaningful experience for every user, everywhere.

library_booksColor palette

Color is a powerful tool in establishing Trepup's brand identity. Every color in our palette has been chosen to communicate depth, trust, and innovation — key elements of our mission to simplify global commerce. These colors reflect our values and distinguish Trepup in the marketplace, ensuring a cohesive, recognizable tone across all touchpoints.

Primary color

Blue represents trust, reliability, and depth. It anchors our visual identity and ensures consistency across all media. This color should be used prominently in headings, buttons, and key callouts:

• #0069EC (primary blue) for key headings, buttons, and calls‑to‑action

Secondary colors

Our secondary colors complement the primary blue, adding variety and depth while maintaining visual harmony. These shades are essential for subheadings, secondary buttons, and icons. Use them to create contrast and enhance the overall design, while ensuring consistency across different platforms:

• #D0E7FF (CTA bg) – for subheadings, secondary buttons, and accent elements
• #9FCFFF (selection) – for highlighted text, links, and interactive elements
• #0052A4 (CTA text) – for headers, footers, and strong visual anchors

Accent colors

Accent colors add vibrancy and highlight key elements. Use them sparingly to create contrast, guide user attention, and enhance engagement:

• #00C853 (success) — for success, positive actions, and indicators
• #FFF9C4 (warning) — for call‑to‑action buttons and highlights
• #DB3939 (error) — for errors or alerts

Neutral colors

Neutral colors complement our primary and accent shades. They are used for text, backgrounds, and subtle design elements, providing a clean, balanced design:

• #EBEBEB (footer) — for backgrounds and subtle accents
• #555555 (secondary) — for secondary text and borders
• #2B2B2B (primary) — for text and headers

Usage recommendations

To ensure brand consistency across interfaces and touchpoints, apply Trepup colors with clarity and restraint. Use the following standards to drive visual balance and user engagement:

• Backgrounds

  :
  Use light neutrals or lighter shades of blue for background elements, ensuring readability and focus on key content.

• Buttons and CTAs

  :
  Primary blue (#0069EC) or orange (#FFA726) should be used for call‑to‑action buttons to create clear, engaging prompts.

• Typography

  :
  Stick to dark grays for text to ensure clarity and legibility. Lighter shades of gray or blue are suitable for secondary text and labels.

• Accents and highlights

  :
  Use accent colors (red, orange, green) sparingly to draw attention to key actions, warnings, or positive feedback.

By consistently applying the Trepup color palette, you help maintain a unified, recognizable brand that reflects our values and vision. Following these brand guidelines ensures our visual identity remains vibrant, cohesive, and unmistakably Trepup.

library_booksTypography

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.

Why typography matters

Typography is not just about selecting fonts — it's a key visual element that reflects Trepup's brand personality. The careful choice and consistent application of typefaces help shape the way Trepup communicates. Typography establishes tone, enhances user experience, and reinforces our identity as a modern, accessible, and trustworthy brand. Proper use of our typeface supports the clarity of our message, ensuring that every interaction with Trepup feels cohesive, professional, and true to our values.

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.

library_booksIconography

Iconography is one of the most powerful ways to communicate complex ideas at a glance. It plays a vital role in enhancing Trepup's visual language, creating intuitive and accessible interfaces that help users quickly understand and engage with the platform. We choose icons from Google Material, renowned for their crisp, pixel‑perfect designs that seamlessly integrate with Trepup's clean, minimalist aesthetic.

Our iconography is more than just functional — it embodies our brand's energy and vibrancy. Whether you're navigating Trepup or interacting with Trepup services, our icons guide your journey, making the experience clear, smooth, and visually dynamic.

Key elements of icon usage:

• Size and clarity

  :
  Icons must be clear and legible at various sizes. Our standard icon size is 24x24 pixels with a two‑pixel stroke width for outlines, ensuring they remain crisp on all screens.

• Precision and balance

  :
  Every icon is designed within a pixel‑based grid, with carefully calculated spacing and alignment. This keeps the icons sharp and visually balanced across the platform.

Design rules:

On‑grid alignment: Icons should always align perfectly within the grid to maintain their crispness. Any misalignment can disrupt the flow of the user interface and weaken the design:

• Do

  :
  Keep the icon "on pixel" within the icon grid.

• Don't

  :
  Place icons on coordinates that aren't "on pixel" — this blurs the clarity.

Icon shapes and usage:

• Icon shapes

  :
  Icons are designed using geometric forms for a sleek, unified look. Whether square, circular, or rectangular, the shapes are crafted for perfect alignment within the grid.

• Optimized for

  :
  Ensure your icons are used in the right contexts (e.g., buttons, navigation, or product features), keeping them visually distinct and functional without overloading the design.

Trepup's iconography is the pulse of our interface design. Each icon is a building block in our mission to simplify and elevate the global commerce experience. By applying these brand guidelines, you're contributing to a visually cohesive, interactive, and vibrant Trepup that users love to navigate.

Trepup Store, Trepup Marketplace, Trepup Photos, and Trepup Analytics are the core services that power Trepup One — our bundled, all‑in‑one system. Each follows the same visual language and branding principles outlined above, representing not just tools, but connected touchpoints in a design‑forward ecosystem.

library_booksThe Trepup story: your story

Every decision you make — from how you carry our logo to how you bring our visuals and tools to life — shapes Trepup's identity and sets the direction for what's next. This isn't just about consistency. It's about momentum — collective, creative, and global.

You're not just using the brand — you're building what it stands for. Every store you launch, every post you share, every product or service you publish contributes to a new kind of commerce: borderless, connected, and built with people — not platforms.

Together, we're creating more than a brand system. We're creating a world where design meets meaning, where trust is earned through clarity, and where every interaction reflects something bigger than any one of us. The future is now. And it's you.