Network3 Visual System
Network3 • 2023 • Brand & visual Designer
Network3 is a Web3 infrastructure company founded in 2021, helping creators and small-to-medium-sized e-commerce operators accept and manage cryptocurrency payments. As the platform grew, it needed a clear, credible brand identity to match its ambitions.
Overview
Building on a design language that’s balanced, spacious, and iridescent
I was brought in to redesign Network3’s logo, establish a cohesive visual language, and revamp their website. Building on initial mood boards by Yueyi Tan, I expanded the direction into a flexible design system that reflected the platform’s sophistication.
Geometric gradients and luminous layers evoke a sleek, futuristic aesthetic.
Structured geometry and ambient light evoke depth, clarity,
and a tech-forward feel.
Some of the logo studies
Outcome
A brand new identity
with a refreshed web
experience
Through stakeholder interviews and brand analysis, I created a unified identity that feels “trustworthy” and “developer-first,” ensuring Network3’s visual system could scale with its growth.
Mission
Brand Identity
Building an identity that’s futuristic, minimal and confident
The Network3 logo was designed to reflect a forward-thinking, decentralized infrastructure. Inspired by geometric systems, nodal connections, and modular technology, the mark conveys both structure and scalability.
Visual System
A system that’s sleek, dimensional and built for digital trust
The visual language combines geometric precision with glowing gradients and modular layouts, balancing clarity and scalability for a decentralized environment.
Typography
Using Founders Grotesk and Space Grotesk, the system supports clear hierarchy while aligning with Network3’s values of openness and precision.
Aa
Founders Grotesk
Aa
Space Grotesk
Reconnect The World
Network3, a Web3 infrastructure company powering decentralized commerce, needed a cohesive and memorable visual identity. To strengthen their brand presence, I redesigned their logo, developed a fresh visual language, and overhauled their website.
Network3 token is the native utility token at the heart of Network3 network. Our tokenomics model creates opportunities for both node runners and token holders.
Heading
Why Run A Network3 Node?
SUBHead
Be the first to experience the revolutionary Network3 platform that's set to transform the way you connect and collaborate!
Title
Network3 token is the native utility token at the heart of Network3 network. Our tokenomics model creates opportunities for both node runners and token holders.
Body
Web 3 projects Network3 and Sentinel have today launched an alliance which aims to protect online users from personal data breach and identify the possible attacks from th...
A balanced 60-30-10 Color system.
Deep navy grounds the interface, while accent colors guide attention, ensuring consistency across light and dark modes.
Dark Mode 60-30-10 Rule
For a balanced design, use a Dominant Color (60%) that's neutral or brand-related. The Secondary Color (30%) should contrast pleasantly. Accent Colors (10%) should be vibrant and highlight CTA elements.
For use in Backgrounds
For use in Headings, Body, Cards
For use in Icons, Visuals, CTA, or Microcopy
Method 01
Dominant
60%
Secondary
30%
Accent
10%
Method 02
Light Mode 60-30-10 Rule
For a balanced design, use a Dominant Color (60%) that's neutral or brand-related. The Secondary Color (30%) should contrast pleasantly. Accent Colors (10%) should be vibrant and highlight CTA elements.
For use in Visuals, Backgrounds
For use in Headings, Body, Cards
For use in Microcopy, CTA, BG Accent
Method 01
Dominant
60%
Secondary
30%
Accent
10%
Imagery & icon
Network3’s imagery blends futuristic abstraction with narrative depth, drawing from sci-fi and mythological influences to evoke a sense of discovery and collaboration.
Icons follow a minimal, monolinear style—geometric, readable, and scalable. Each icon is optimized for clarity across sizes and backgrounds, reinforcing key functions while aligning with the system’s tech-forward visual identity.
Website design
A scalable web experience
built for clarity and performance
Echoing the precision of its brand system, Network3’s interface architecture follows a modular grid and consistent spacing logic—ensuring components remain flexible yet cohesive across breakpoints. The web layout emphasizes clarity and responsiveness, aligning content and actions along a structured visual rhythm.
Up Next
Network3—Designing a Web3 Dashboard for Power Users.
Data Visualization / B2B Dashboard / Design System
Interested in how I navigated the challenge?
Hit me up for a deep dive into the project.