Tenebrae
Crypto Web Wallet
UI/UX Design
Tenebrae is a crypto protocol that enables privacy and compliance in blockchain transactions through a zero-knowledge proof system. It allows users to experience true financial privacy without compromising on decentralization or regulatory readiness.
Overview
As the brand and product designer, I defined Tenebrae’s visual identity and product experience, shaping everything from the logo and color system to the end-to-end UX.
Goal
The goal was to design an interface that lets users send, receive, and swap assets effortlessly, while zk-proof processes and Plasma-based infrastructure handle complexity in the background. By abstracting gas fees and enabling faster transactions, Tenebrae removes key UX bottlenecks making privacy-preserving crypto interactions feel simple and fluid.
Target Audience
Tenebrae is built for pro crypto users and institutions who prioritize transactional privacy and proof-backed stability, as well as developers integrating its SDKs and APIs into wallets, dApps, and payment layers. The interface and brand system were crafted to convey confidence and stability while reflecting a modern, forward-looking crypto aesthetic.
Brand Identity
Typography
Logo
Colour Palette
Design Intent
Tenebrae’s interface embodies clarity through depth. Using subtle motion, light transitions, and calm contrasts to communicate proof states like pending or verified. The design maintains a sense of flow and assurance, revealing complexity only when needed
Homepage
The Home screen offers a clear portfolio overview, showing total and per-asset balances with fiat equivalents to keep users informed at a glance. Persistent navigation ensures seamless access to core actions like Deposit, Withdraw, and Swap.
Deposit
With a centered card layout, the deposit screen keeps attention on the action, minimizing distractions and guiding users through amount entry, token selection, and confirmation in one clear flow.
Withdraw
The Withdraw screen mirrors the same focused layout, designed for clarity and confidence during transfers. By centralizing all key inputs such as amount, token, recipient address, and network fee, the interface keeps the process transparent and intuitive.
Swap
The Swap screen emphasizes key details like conversion rate while keeping secondary information such as recipient address and network fee visible but subtly placed. This balance maintains transparency without clutter, allowing users to complete swaps confidently and with minimal effort.
View next work
