Tangent
Branding, product UI/UX, 3D and motion for Tangent, the DeFi protocol behind the USG stablecoin.
- Year
- 2025
- Disciplines
- Branding, UI/UX, 3D, Motion
- Tools
- Blender, DaVinci Resolve, After Effects
- Behance
- View on Behance
At a glance
Brand guidelines
Guidelines deck
The internal brand guidelines for Tangent: logo and logomark, scaling and spacing rules, colors, typography (Gilroy and Manrope) and the graphic assets.
UI/UX
dApp interface
The Tangent dApp interface: markets, borrowing, savings and the protocol dashboard, shown in context on a laptop, a phone and a display.
The user dashboard: earnings, portfolio allocation, borrow market positions and the settings to tune a position.
Communication
Social visuals
The visuals and short clips that carry Tangent's announcements on social media: new pools, borrow caps, milestones, key numbers and audits. A template system built on the brand guidelines, so each update is quick to produce and instantly recognisable.
Motion
Launch motion
A 3D motion film made to celebrate the launch of Tangent. It builds on the brand's bold blue identity and its concept, with a clean, tech-forward look.
Done end to end: 3D and animation, compositing, sound design and SFX. Blender (rendered with Cycles), After Effects, DaVinci Resolve.
USG motion
Landing page
Walkthrough
A redesign of the Tangent landing page. It leads with what a user gets (borrow at 0%, keep up to 97.5% of rewards, earn on sUSG with no lockup) and explains the mechanism after. Designed and built end to end: static HTML, CSS and JS, with the 3D X and the floating assets animated on scroll.
