Brand
Logo & Wordmark
Our brand identity assets and usage guidelines
Primary Logo
Uses className "Dark:invert"
Wordmark
Uses className "Dark:invert"
Favicon.ico
Color Palette
A high contrast, accessible color system
Primary and link color
Main brand color for primary actions like links
Light
oklch(0.71 0.14 255)Dark
oklch(0.81 0.10 252)Background
Page and component backgrounds
Light
oklch(1 0 0)Dark
oklch(0.145 0 0)Foreground
Primary text and content
Light
oklch(0.145 0 0)Dark
oklch(0.985 0 0)Muted foreground
Subtle backgrounds and borders
Light
oklch(0.556 0 0)Dark
oklch(0.708 0 0)Typography
Specifically designed for developers and designers
Geist Sans
Primary typeface
Heading 1
Heading 2
Heading 3
Body text regular
Small text muted
Geist Sans
Used for headings, body text, and UI elements. Available in multiple weights.
Geist Mono
Monospace typeface
const greeting = "Hello";
function example() {
return true;
}
Geist Mono
Used for code snippets, technical content, and data display.
Type Scale
3xlThe quick brown fox
2xlThe quick brown fox
xlThe quick brown fox
lgThe quick brown fox
baseThe quick brown fox
smThe quick brown fox
xsThe quick brown fox
Product Screenshots
Visual examples of our product in action
Home
Hero
Amazing hero animation
Home
Wallets section
Wallets section grid with categories sorting
Home
Footer
Home