Brand Kit
KeepCardAlive brand assets
Everything you need to represent KeepCardAlive — logos, colors, and typography. Please follow the usage guidelines so the brand stays consistent.
Logo lockup
The primary logo pairs the icon with the wordmark. Use a lockup wherever space allows.
Icon
When the full lockup won't fit — favicons, avatars, app tiles — use the standalone icon.
Wordmark
The type-only logo set in Space Grotesk, for places where the icon is redundant.
Colors
A restrained, high-contrast palette. Click any swatch to copy its hex value.
Typography
Display
Space Grotesk
Logo and brand headlines. Geometric with character.
Sans
Geist
Product UI and body copy. Clean and highly legible.
Mono
Geist Mono
Numbers, code, and card details.
Usage
Do
- Keep clear space around the logo equal to the height of the icon's rounded corner.
- Use the light lockup on light backgrounds and the dark lockup on dark ones.
- Scale the logo proportionally — never stretch or condense it.
Don't
- Don't recolor the logo or apply gradients, shadows, or outlines.
- Don't rotate, skew, or rearrange the icon and wordmark.
- Don't place the logo on a busy background with low contrast.