Brand Design
System
A comprehensive guide to the SmarterSwipe visual identity across every digital touchpoint — from emails and dashboards to client-facing proposals and marketing materials.
Foundation
Color Palette
Five core colors form the foundation of the SmarterSwipe identity. Mariner blue anchors the brand, while Shark provides depth and Melrose adds a softer accent.
Mariner
Primary Blue
Shark
Dark / Text
Melrose
Accent Blue
Gallery
Light Gray
White
Background
Gradients
Skybound Glow
#A5BAFF → #2951D5
Deep Voltage
#2951D5 → #26262C
Cloud Fade
#EEEEEE → #FFFFFF
Typography
Sora + Inter
Sora brings structure and confidence to headings, while Inter provides exceptional readability for body text. Together they create a digital-first, tech-forward aesthetic.
Sora Bold · 48px
Payments Built
Sora Semibold · 32px
For Business Growth
Sora Medium · 20px
Simple, Smart Solutions
Sora Medium · 14px
Button & Label Text
Inter Bold · 18px
Subtitle & Emphasis Text
Inter Regular · 16px
Get pre-approved for growth capital and discover payment processing solutions that save you money every month. No hidden fees, just real solutions.
Inter Regular · 14px
Secondary body text used for descriptions, captions, and supporting content throughout the platform.
Inter Medium · 12px
Overline & Meta Text
Iconography
Thin-Line Icons
Consistent 1.5px stroke weight across all icons creates a sleek, tech-forward look. Icons use Mariner blue on light backgrounds and white on dark surfaces.
Lead Scoring System
Four distinct states communicate lead engagement level at a glance.
On Fire
85–100
Prioritize immediately
Hot
60–84
Follow up soon
Warm
30–59
Nurture the lead
Cold
0–29
Needs attention
Components
UI Building Blocks
Rounded corners, subtle shadows, and the Mariner blue accent create a consistent, approachable interface across every screen.
Buttons
Badges & Status
Cards
Acme Corporation
Submitted 2 days ago
Pre-Approved Amount
$75,000
Funding within 14 days of starting processing
Form Elements
Dashboard
Data Visualization
Stat cards, progress indicators, and data tables use consistent spacing, soft shadows, and the brand accent color to create clear visual hierarchy.
Total Clients
248
New This Week
12
Active Proposals
34
Completed
189
Hot Leads
27
Conversion Funnel
Lead Score Distribution
Email Touchpoints
Conversion-Optimized Emails
Six branded email templates guide merchants through every stage of the onboarding journey, from initial proposal to follow-up nurturing.
Proposal Email
Pre-approved capital offer with personalized proposal link
$40,000 Pre-Approved
Welcome Email
Warm onboarding confirmation after form submission
Welcome aboard
Savings Analysis
Detailed cost comparison showing monthly savings
Save $847/month
Follow-Up #1
Gentle reminder 3 days after proposal sent
Don't miss out
Follow-Up #2
Urgency-driven nudge 7 days after proposal
Offer expiring soon
Follow-Up #3
Final outreach with personal touch
We're here to help
Identity
Logo Usage
The SmarterSwipe logo adapts to four background contexts. Always maintain clear space around the mark and never distort or recolor it.
On Blue
On Dark
On White
On Gray
Voice
Tone & Messaging
Clear, confident, and approachable. SmarterSwipe communicates with authority while remaining accessible — no jargon, no fluff, just real solutions.
Simplicity
We make payments easy and hassle-free. Every word should reduce complexity, not add to it.
"Get funded in 14 days — no paperwork headaches."
Transparency
No hidden fees, no fine print. We're clear and honest about everything we offer.
"Here's exactly what you'll save: $847/month."
Innovation
We lead with cutting-edge technology. Our language reflects forward-thinking confidence.
"AI-powered analysis finds your best rates instantly."