Brand System
The foundations of the WalletConnect identity.
Logo
Our logo is the most recognizable expression of WalletConnect. Use the primary lockup wherever space allows; use the symbol alone only once the brand is established.
Always keep clear space of x on every side, where 2x equals the height of the logo. Keep this zone free of other elements.
In a partner lockup both logos share a height of 2x, separated by a vertical divider of 4x whose width is x / 10. Keep clear space of x around the lockup.
The WalletConnect Pay lockup follows the same rules as the core logo. Use the primary lockup wherever space allows; use the symbol once the brand is established.
Color
A warm, high-contrast palette. Ink and Blue carry the brand, paper and cream keep surfaces soft, and the secondary tones add accent and depth.
Use a gradient as an expressive background for covers, social and key art. Pair the blue logo with light gradients, and the white logo with saturated or dark ones. Hover to preview the pairing and browse the set.
Typography
Two type systems. Exact and FT Aktual carry the brand across social, marketing and the web. For presentations, Georgia and FT Aktual keep slides consistent when installed in PowerPoint and Google Slides.
For social, branding and marketing — the expressive voice of the brand. Exact sets headlines; FT Aktual handles everything else.
abcdefghijklmnopqrstuvwxyz 0123456789
abcdefghijklmnopqrstuvwxyz 0123456789
Exact for the headline, FT Aktual for everything else.
A serif display set against a clean grotesque body. Royal blue carries the accent; peach and cream keep the surfaces warm.
Use only for decks — PowerPoint and Google Slides. Georgia is available on every machine; install Inter for consistent rendering, so slides render consistently no matter where they are opened.
abcdefghijklmnopqrstuvwxyz 0123456789
abcdefghijklmnopqrstuvwxyz 0123456789
Georgia for headlines, Inter for body.
A familiar serif paired with a clean grotesque — install Inter and use it with Georgia so decks stay on-brand everywhere.
Motion
The logo in motion. Use the animated mark for intros, loading states and title cards — never stretch, recolor or re-time it.