Brand 500
#6D57FF · brand-500
Primary CTA, links
Brand
FlowForce brand guidelines.
Logo, color, and typography for partners, press, and marketing.
Logo
Wordmark & icon
Use the official assets. Do not stretch, recolor, or add effects.
App icon
On light surface
On brand-500
On brand-950
Wordmark
Primary wordmark on light surface
Wordmark on brand-950
- Clear space: at least the height of the “F” icon around the logo.
- Minimum width: 120px for digital wordmark.
- Do not use gradient fills on the logo or place on busy photography without a solid panel.
Downloads
Need SVG, co-marketing lockups, or a full press kit? Email partners@flowforce.app.
Color
Brand palette
Purple for CTAs and accents — not body copy. Use mint for success only.
Brand 600
#5B45E0 · brand-600
CTA hover
Brand 900
#2E1065 · brand-900
Headlines (light mode)
Brand 950
#1E0A3E · brand-950
Footer, final CTA band
Mint 500
#10B981 · mint-500
Success, positive states
Typography
Bricolage Grotesque + Inter
Display font for headlines. Inter for body. JetBrains Mono for code in docs only.
Display / H1
Close more deals.
Section title
Pipeline at a glance
Lead
Per-seat plans with usage included. No contracts.
Body
FlowForce logs every call, email, and meeting on the lead timeline automatically.
UI patterns
Marketing surfaces
Public pages use border-first panels — not heavy glass stacks.
soft-panel
Standard bordered card for lists and comparison rows.
soft-panel-lg
Hero frames, FAQ accordions, and feature grids.
soft-chip
btn-primarybtn-ghost
Need logo files or co-marketing?
Email partners@flowforce.app for SVG, PNG, and partner lockups.