Resources
Brand Kit
Logos, colors, typography and data visualization guidelines for NFTfi.
Logo
Full Logo
Primary Colour · SVG
Full Logo
Full Colour · SVG
Full Logo
White / Mono · SVG
Logomark
Logomark
Color · SVG
Logomark
White / Mono · SVG
Typography
Primary — UI & Body
General Sans
Aa Bb Cc
0 1 2 3 4 5 6 7 8 9
"NFT Lending Protocol — peer-to-peer loans backed by NFT collateral."
200 Thin300 Light400 Regular500 Medium600 Semibold700 Bold
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@...');
font-family: 'General Sans', system-ui, sans-serif;
font-family: 'General Sans', system-ui, sans-serif;
Secondary — Display & Emphasis
Satoshi
Aa Bb Cc
0 1 2 3 4 5 6 7 8 9
"NFT Lending Protocol — peer-to-peer loans backed by NFT collateral."
300 Light400 Regular500 Medium700 Bold900 Black
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@...');
font-family: 'Satoshi', system-ui, sans-serif;
font-family: 'Satoshi', system-ui, sans-serif;
Brand Colors
Brand Pink
#CB2B83
--pink
Primary accent
Secondary Colour
#D4913A
--primary
Secondary accent
Background
#271E23
--background
Page background
Surface
#332029
Elevated surfaces
Hero Gradient Start
#8D694B
Hero card top
Hero Gradient End
#6C3C59
Hero card bottom
Popover / Dark
#3D1F33
--popover
Menus, popovers
Text Primary
#F5F3F0
--foreground
Headings & body
Text Secondary
#C4B89A
--muted-fg
Supporting text
Text Muted
#8A7A6A
Labels / disabled
Border
rgba(255,255,255,.12)
--border
Subtle dividers
Card Surface
rgba(255,255,255,.06)
--card-bg
Glass card fill
Chart & Data Visualization Colors
Protocol Colors
NFTfi
#FF3D9A
Gondi
#F5C842
X2Fi
#E8854A
Zharta
#2ECC8F
Metastreet
#6BB5E8
Blur
#9B59B6
Token Colors
wETH
#6B4FBB
DAI
#8B5CF6
USDC
#C084FC
wstETH
#F0F0F0