Brandbook and visual strategy
The Pepe.team Brandbook establishes a comprehensive visual framework designed to make decentralized finance feel accessible, friendly, and stress-free. It defines the core design language, combining a vibrant emerald color palette, clean typography, and glassmorphic UI guidelines with precise usage rules for the ecosystem logo. Central to the brandbook is a unified 3D art direction guide outlining standards, rigging parameters, and expression rules for both masked low-poly animal personas and unmasked human team avatars. Furthermore, it details the tone of voice and social media layout grids, ensuring a consistently lighthearted, transparent, and approachable brand presence across all digital touchpoints.
pepe.team — Brand Identity & DeFi Ecosystem Design
I executed the complete 360° brand and product design cycle for the project, delivering a full brandbook, user-centric Web3 UX/UI supported by a scalable design system, custom 3D character modeling and rigging, 2D/3D motion graphics, engaging SMM creatives, investor presentations, and branded corporate documentation.
Logomark
Logomark Concept & Geometry
The Pepe.team logomark is a streamlined geometric emblem designed to anchor the visual identity across digital interfaces, product branding, and Web3 environments.
-
Dual "P" Monogram A continuous, fluid line organically weaves together two "P" letters to represent the Pepe brand, forming a clean and memorable monogram that works effortlessly at any scale.
-
Crypto Coin Visual Synergy The mark’s balanced, rounded circular silhouette intentionally mimics the shape of a coin, serving as a natural foundation for crypto token visuals, UI icons, and financial badges.
-
Frictionless & Friendly Aesthetic Softened loops and seamless curvature reflect the brand's core philosophy—removing stress and complexity from decentralized finance to create an inviting user experience.
logotype
Brand Logotype & Custom Typeface
The pepe.team wordmark is built upon a fully bespoke typographic system. Rather than designing isolated lettering solely for the logo, the visual concept was expanded into a complete proprietary display typeface—Pepe Font.
-
Bespoke Typeface Design Derived from the smooth geometry and rounded strokes of the main logo, the font features a complete custom character set, including lowercase alphabet, numerals, and special symbols.
-
Unified Visual Geometry The fluid lines, soft terminals, and consistent line weight directly mirror the friendly, low-stress philosophy of the Pepe.team ecosystem.
-
Scalable Brand Application Building a full font guarantees complete aesthetic harmony across UI headlines, sub-brand naming, marketing materials, and digital graphics.
color
Color Palette & Functional System
The Pepe.team color system balances high brand recognition with intuitive, stress-free UI navigation. Each shade is mapped to a specific functional purpose to ensure visual clarity and seamless user experience across all digital touchpoints.
-
Primary Brand Colors The signature Pepe Green (#00A575) acts as the core visual anchor across all products, paired with crisp White (#FFFFFF) to maintain a clean, airy, and friendly aesthetic.
-
Neutral Surface & Text Hierarchy A structured gray spectrum—from Dark Gray (#393939) for high-contrast typography down to soft Background Gray (#F6F6F6)—creates depth and maintains visual hierarchy across complex financial dashboards.
-
Functional & Service Accents High-impact Red (#E80000) is reserved for system errors and critical alerts, while secondary accent tones (Orange #F5AC37 and Blue) provide dedicated visual categorization for specific ecosystem features like Investment and Wallet services.
font
Primary Typography System
Montserrat is chosen as the official primary typeface for the Pepe.team ecosystem. Its geometric sans-serif design offers exceptional legibility across digital interfaces, ensuring a clean, modern, and highly readable hierarchy across all Web3 platforms and promotional materials.
-
Montserrat Regular Used for standard body copy, long-form descriptions, and default UI body text.
-
Montserrat Medium Applied to highlighted text, callouts, and key data points that require subtle emphasis.
-
Montserrat Bold Reserved for primary section headlines, high-impact titles, and featured callouts with color accents.
-
Montserrat Black Utilized for heavy decorative background text, large visual watermarks, and prominent marketing editorial overlays.
3D Avatars
The People of Pepe.team: Personal 3D Avatars
To imbue the digital environment with human personality and transparency, Pepe.team utilizes a comprehensive system of 15 fully unique, person-driven 3D characters. Each avatar is a specific representation of a core team member, designed to build trust and approachability within the user ecosystem.
-
AI-Driven Faces for Maximum Likeness Maximum authenticity is achieved through advanced AI face modeling. Each character's face was meticulously generated and sculpted based on actual team member photos, ensuring unmistakable personal recognition and likeness. This ensures each of the 15 avatars is a genuine digital portrait.
-
Manual Sculpting, Rigging, & Character-Driven Animation While faces are AI-driven, the entire character creation process was personality-driven. Every character's body shape, distinct hairstyle, and diverse wardrobe (from casual graphic tees and hoodies to tailored three-piece suits) were hand-sculpted. Every character is fully rigged and features custom, manually crafted idle animations—poses, stretches, and stances—that authentically mirror the real-life mannerisms and professional demeanor of the specific employee.
-
A Dual-Persona System This deep level of character personalization serves a strategic, dual-persona system. As visible representations, the unmasked human avatars (as seen here) are used across non-anonymous services and visible interactions. However, these same unique, personality-driven models form the secret base. For services where anonymity is paramount, these recognized human identities are overlaid with the specific, unique low-poly animal masks (boars, raccoons, etc., as detailed in previous sections) to maintain both security and visual consistency across the entire brand.
Anonymous Avatars
Anonymous Personas & Low-Poly Mask System
Respecting the Web3 community’s core value of privacy, the visual system includes a dedicated anonymous persona for every team member. This approach bridges trust and privacy, allowing the brand to maintain high engagement while honoring crypto culture.
-
Trigonal 3D Mask Modeling Each character is equipped with a custom-built low-poly (trigonal) 3D animal mask—ranging from koalas and raccoons to boars—seamlessly integrated onto the personal character rigs while retaining individual poses, outfit styling, and body language.
-
Vector Asset Conversion To support 2D graphic environments, lightweight web interfaces, and high-contrast SMM content, every 3D mask was individually traced and adapted into a scalable vector illustration system.
-
Culturally Aligned Privacy Instead of cold, mysterious, or intimidating privacy tropes, the vibrant color scheme and playful animal disguises turn anonymity into a friendly, relatable brand feature.
( Web UI & 3D Visual Assets )
The web architecture for Pepe.team combines clean, high-contrast layouts with tactile 3D graphics, creating a calm, intuitive environment for decentralized investment and crypto trading.
-
3D Glassmorphism & Depth Layering Translucent frosted glass panels serve as primary containers for key text and product statistics. This soft glassmorphic depth seamlessly layers over 3D characters and graphic assets, maintaining optimal legibility while keeping the interface modern and airy. • Unified Emerald 3D Tokens & Onboarding
-
Unified Emerald 3D Tokens & Onboarding Product cards and step-by-step onboarding guides feature 3D assets unified in the signature brand green (#00A575). Custom coins embossed with team animal masks, currency symbols, and action icons establish a distinct, cohesive visual language for complex financial mechanisms like staking and arbitrage.
-
Tactile White Crypto Coins Abstract digital currencies are materialized as smooth, white 3D coins featuring embossed colored crypto symbols (BTC, ETH, USDT, USDC, DAI). Grounding digital assets in tangible, physical-style visual renders removes the intimidating feel of trading.
-
Bold Typography & Generous Whitespace Large Montserrat headlines paired with clean white backgrounds guide the user's focus effortlessly across investment features, risk metrics, and call-to-action buttons.
Advertising & Visual Storytelling
The promotional assets for Pepe.team leverage conceptual storytelling, pop culture references, and humorous visual puns to deliver complex Web3 updates. By translating intricate DeFi mechanisms into relatable visual narratives, the advertising strategy keeps audience engagement high while reinforcing the brand's calm, friendly, and accessible tone.
-
1Classical Art Parodies & Visual Metaphors Complex platform launches are reimagined through famous cultural references—such as replacing Michelangelo’s The Creation of Adam with masked 3D team avatars to announce cross-chain bridge services, or featuring avatars studying product designs on a classical painter's easel to signal UI upgrades.
-
2Literal Visual Puns for DeFi Concepts Abstract financial jargon is turned into intuitive, lighthearted 3D scenes. Liquidity pools are visually rendered as literal water basins complete with floating crypto tokens and beach umbrellas, instantly demystifying technical mechanics for users.
-
3Seasonal & Event-Driven Campaigns Special announcements and holiday milestones utilize full-scene 3D environments—incorporating seasonal physics, particle effects (such as falling snow), festive props, and energetic avatar poses to build community warmth and engagement.
-
3High-Impact Compositional Framework Every creative follows a disciplined layout grid: prominent Montserrat headlines, high-contrast Pepe Green (#00A575) backdrops, clear feature badges, and balanced 3D depth layering. This guarantees immediate brand recognition across fast-scrolling social media feeds.
