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:
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.
Blue logo on a light 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.
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.
Logo icon
Min. size: 32px
Circular icon
Min. size: 32px
Rounded icon
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.
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.
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) 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.
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.