Brand guide
Logo, color system, and typography for Influvine — AI-verified YouTube creator discovery.
01 — Logo
The mark is a magnifying glass with a play triangle as its lens — search and video, the two things Influvine actually does, drawn as one continuous line-art glyph.
Stacked lockup — app icons, social avatars
Influvine
Wordmark only — favicons, tight spaces, legal/footer use
Keep clearspace of at least half the icon's width on every side. Never stretch, rotate, drop-shadow, or recolor the mark outside the approved variants above.
02 — Color
One accent gradient, calm neutrals for light and dark surfaces, and a small semantic set for run/match status.
Brand accent
Accent gradient · 135°
Indigo · oklch(0.68 .19 265)
Magenta · oklch(0.65 .19 330)
Light mode surfaces
Background
oklch(0.985 .004 90)
Primary text
oklch(0.22 .01 90)
Muted text
oklch(0.5 .01 90)
Dark mode surfaces
Background
oklch(0.13 .018 265)
Surface / card
oklch(0.17 .014 260)
Primary text
oklch(0.97 .005 265)
Muted text
oklch(0.68 .012 265)
Semantic (run & match status)
Success · qualified
oklch(0.55 .15 155)
Warning · running
oklch(0.68 .15 75)
Danger · error/rejected
oklch(0.58 .19 25)
03 — Typography
Space Grotesk carries headings and numerals — it's geometric enough to feel technical without losing warmth. IBM Plex Sans handles everything else: body copy, labels, UI text.
Space Grotesk
Headings, stat numerals, nav wordmark · weights 500/600/700
IBM Plex Sans
Body copy, UI labels, tables · weights 400/500/600
AaH1 / 40–46px / 600 / -0.02em
AaH2 / 26–30px / 600 / -0.015em
AaH3 / 15–17px / 600
AaBody / 13–15px / 400
AaLabel / 10.5–11px / 600 / uppercase
04 — Shape & elevation
Cards use a 16px radius with a soft two-layer shadow in light mode; controls and CTAs are fully pill-shaped (100px radius) to keep the gradient accent feeling like a single continuous shape.
Button — pill / 100px radius
Start free