Brand Guidelines
Assets, colors, typography, and usage rules for the Enrich-CRM brand.
Brand Palette
Violet is the primary brand color. Never substitute it with blue or purple.
Violet 600
#7c3aed
Primary brand · CTAs
Violet 500
#8b5cf6
Hover states · gradients
Violet 400
#a78bfa
Secondary text · icons
Violet 300
#c4b5fd
Dark bg text
Violet 100
#ede9fe
Badges · pills
Ink
#1E1035
Dark mode bg
Gray 900
#111827
Body text · headings
Gray 500
#6b7280
Secondary text
Type System
Space Grotesk for display and headings. Inter for body copy. JetBrains Mono for code.
Display / H1
Space Grotesk 800 / -0.03em
H2
Space Grotesk 700 / -0.02em
H3
Space Grotesk 600 / -0.01em
Body
Inter 400 / 1.6
Label / UI
Inter 700 / 0.12em UC
Mono / Code
JetBrains Mono 400
Logomark & Wordmark
Three approved variations. Always maintain clear space equal to the height of the "E".
App Icon Variants
Square format for favicons, app stores, Slack, avatar. Mark always centred mathematically within the square.
Asset Kit
All files are SVG for maximum quality. Contact the team for PNG exports at specific sizes.
Icon · Light
Square, violet bg
Icon · Dark
Square, ink bg
Icon · Outline
Light bg with violet border
Do's & Don'ts
Clear rules to keep the brand consistent across every touchpoint.
Use the violet badge logo on white or very light backgrounds.
Don't place the violet badge on a dark background — use the dark ink version instead.
Maintain clear space around the logo equal to the height of the mark (the card icon).
Don't stretch, rotate, recolor, or add drop shadows to the logo.
Use #7c3aed (Violet 600) as the primary CTA button color across all surfaces.
Don't substitute brand violet with blue (#3b82f6) or any purple outside the approved palette.
Use the flat (no badge) version for partner logos in lock-up grids and co-branding.
Don't use the icon alone without a wordmark unless the minimum size is at least 32×32px.