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.
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, .png, .psd, .svg)
- 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
#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 at Trepup is more than design — it's a semantic and structural language. Each icon communicates intent, function, and flow instantly, guiding users through a cohesive system built for clarity and control. These aren't decorative elements — they're part of the architecture.
We use Google Material icons for their pixel‑perfect precision and minimalist geometry, extending Trepup's clean aesthetic across every surface. But our iconography goes further — enforcing hierarchy, reflecting system logic, and enabling intuitive movement throughout Trepup's embedded, socially powered interface.
Whether you're navigating Trepup One or exploring a store, icons act as functional markers — linking actions, features, and services with precision.
Each icon adheres to strict structural standards:
- Size: Standard 24×24 pixels with a 2‑pixel stroke — ensuring legibility and harmony across devices.
- Grid alignment: Pixel‑based alignment guarantees visual balance and consistency.
- Shapes: Circular, square, and rectangular forms are used deliberately to enforce spatial logic.
- Placement: Icons appear only where they enhance usability — in buttons, navigation, and callouts — and never overwhelm the interface.
Trepup's icon system is also structurally unified: each service icon is paired with descriptive metadata, ARIA labels, and alt text to support accessibility, search indexing, and unified discovery across devices and surfaces.
Iconography in motion
The following visual sequence shows how Trepup One powers four core services, each one embedded by design:
Trepup Store
Trepup Marketplace
Trepup Photos
Trepup Analytics
Each service is visually represented by its own icon — part of the language that makes Trepup's system instantly navigable:
- Trepup Store – your owned space to sell
- Trepup Marketplace – the built‑in discovery layer
- Trepup Photos – your high‑impact visual engine
- Trepup Analytics – insight and clarity, from inside your store
Together, they form the visual language of Trepup's core system — one connected experience, governed by a single subscription, semantically expressed, and instantly recognizable.
📘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.