Brand Kit
4fin Brand Assets
Official guidelines for logo usage, color palette, and typography. Use these assets consistently to represent the 4fin brand.
Logo
The 4fin logo consists of the icon mark paired with the wordmark. Use them together whenever possible.
4fin
Light background4fin
Dark background4fin
Primary fillIcon mark only
Icon mark — dark
Color Palette
Core colors that define the 4fin visual identity. Click a value to copy it.
Brand
Primary
Light Mode
Background
Foreground
Muted
Muted Foreground
Border
Destructive
Dark Mode
Background
Foreground
Muted
Muted Foreground
Border
Destructive
Typography
Two typefaces keep the brand clear and consistent across all surfaces.
Space Grotesk
Display / Headlines
500 Medium600 SemiBold700 Bold
4fin — Track what you spend.
Manrope
Body / UI
400 Regular500 Medium600 SemiBold
See all your accounts in one place and handle shared expenses without spreadsheets.
Type Scale
Reference scale for headings and body text.
Display4fin48px / 3rem
H1Track what you spend.36px / 2.25rem
H2Brand Guidelines24px / 1.5rem
H3Color Palette20px / 1.25rem
BodySee all your accounts in one place.16px / 1rem
SmallSecondary information and captions.14px / 0.875rem
XSmallLabels, tags, and badges.12px / 0.75rem