Trepup Brand Guidelines

Effective: 30 June 2025

Maintaining consistency, empowering community

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.

Logo 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.
Logo with minimum clear space shown (equal to 'T' height)

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.

Trepup's brand guidelines blue logo on light background
Blue logo on a light background
Trepup's brand guidelines white logo on dark background
White logo on a dark background

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.
Trepup's brand guidelines instruction not to stretch or manipulate the logo
Don't stretch
Trepup's brand guidelines caution not to change logo colors
Don't recolor
Trepup's brand guidelines warning not to type logo in other fonts
Don't change font
Don't clutter
Don't shrink

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.

Trepup's brand guidelines logo for social media icon Logo icon Trepup's brand guidelines logo for social media icon Min. size: 32px
Trepup's brand guidelines circular social media icon Circular icon Trepup's brand guidelines circular social media icon Min. size: 32px
Trepup's brand guidelines rounded square social media icon large Rounded icon Trepup's brand guidelines rounded square social media icon small Min. size: 32px

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.

Color 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 across the digital space — creating a cohesive, recognizable identity at every touchpoint.

Primary color

Trepup's official brand color is #0069EC — a vibrant blue that represents trust, reliability, and depth. It anchors our visual identity and must be used prominently across headings, buttons, and key callouts. This color ensures consistency across all media and reinforces Trepup's presence wherever it appears.

#0069EC — primary blue

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 other interactive features.
  • #0052A4 (CTA text) – for headers, footers, and strong visual anchors.
#D0E7FF — CTA bg
#9FCFFF — selection
#0052A4 — CTA text

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.
#00C853 — success
#FFF9C4 — warning
#DB3939 — error

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.
#EBEBEB — footer
#555555 — secondary
#2B2B2B — primary

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) should be used for call‑to‑action buttons to create clear, engaging prompts that reflect Trepup's visual identity. Maintain strong contrast and consistency across screens to guide interaction and support accessibility.
  • 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 (green, yellow, red) sparingly to draw attention to key actions, warnings, or positive feedback. These vibrant tones should enhance clarity without overwhelming the overall visual experience.

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.

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.

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.

Iconography

Iconography is a visual language — a powerful tool for communicating ideas instantly and clearly. At Trepup, icons simplify interaction, reinforce consistency, and enhance the overall user experience across every screen and surface. We use icons from Google Material, selected for their pixel‑perfect precision and minimalist geometry, which align seamlessly with Trepup's clean aesthetic.

Our icons do more than signal actions — they embody Trepup's clarity, energy, and modern design ethos. Whether you're navigating Trepup One or exploring a store, icons serve as intuitive markers, guiding users through commerce, content, and connection with ease.

Every icon follows strict design standards:

  • Size

    :
    Standard icon size is 24×24 pixels with a 2‑pixel stroke for sharpness and clarity across devices.
  • Grid alignment

    :
    Icons must align perfectly on a pixel‑based grid to maintain crispness and balance.
  • Shapes

    :
    Geometric forms — square, circular, or rectangular — are designed for visual harmony and exact alignment within the grid.

Thoughtful placement is key. Icons should appear only where they add real value — in buttons, navigation, feature highlights — and never overwhelm the interface. Clarity, not clutter, is the goal.

Trepup's iconography is not just decorative — it's a foundational element of our design system. Each icon helps build a unified, intuitive experience that reflects our brand values at every touchpoint.

What follows is a visual representation of the Trepup One icon and its four core services — a connected system brought to life through the precision and clarity of our iconography.

Outlined icon for Trepup One's signature collection, offering elite ecommerce services.
Trepup One → powers
Outlined icon for Trepup Store in Trepup One's signature collection, offering ecommerce store services.
Trepup Store
Outlined icon for Trepup Marketplace in Trepup One's signature collection, offering ecommerce marketplace services.
Trepup Marketplace
Outlined icon for Trepup Photos in Trepup One's signature collection, offering ecommerce visual content services.
Trepup Photos
Outlined icon for Trepup Analytics in Trepup One's signature collection, offering ecommerce insights services.
Trepup Analytics

Trepup One powers Trepup Store, Trepup Marketplace, Trepup Photos, and Trepup Analytics — delivering each as part of a structured, all‑in‑one system. Unified by design and governed by a single subscription, these services represent not just tools, but connected experiences within a design‑forward ecosystem.

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

Your visuals, your tone, your craft.

By applying design standards and honoring detail, we shape identity.

Thank you for carrying Trepup's brand forward with care.