Living Component Library

Agentify AI Design System

The canonical design tokens and components powering every Agentify product, funnel page, and client build. Sourced from a full ecosystem audit across 8 apps and 4 website pages.

01
Typography
Hero — Montserrat 600, 40-60px, -0.02em
Revenue you're leaving behind.
H1 — Montserrat 600, 28-36px
AI Automation That Pays For Itself
H2 — Montserrat 600, 20-24px
How The System Works
Title Gradient — website hero callouts (white → indigo)
$51,840 Recovered
Text Gradient — secondary callouts (slate)
Your AI Workforce
Eyebrow Tag
AI-Powered Automation
Body — Manrope 400, 15px, 1.65 leading

Agentify AI builds the automated sales engine your business deserves, handling every inbound call, qualifying every lead, and nurturing every prospect while you focus on delivering results.

Body Small — Manrope 400, 14px (buttons, descriptions)

Caption text, footnotes, supplementary information, secondary data labels, and dashboard annotations.

Mono — JetBrains Mono 400, 11-12px (labels, badges, code)

--bg-base: #09090B  ·  --border: #232329  ·  INV-10284

02
Color System
Brand
#7C3AED
Purple
#8B5CF6
Purple Lt
#6B26D9
Purple Dk
#22D3EE
Cyan
App Identity
#22D3EE
Signal
#F97316
Insights
#7C3AED
Pulse
#14B8A6
Orbit
#10B981
Scope
#EAB308
LeadGen
#F59E0B
n8n
Vertical
#B89B72
MedSpa
#DC2626
Auto
Semantic
#10B981
Success
#F59E0B
Warning
#EF4444
Error
#3B82F6
Info
Gradients
Primary
Spectral
Title
Text
Pricing
03
Surfaces & Borders
Dark Mode Surfaces
#030304
Website bg
#09090B
App bg
#101014
Card bg
#18181B
Elevated
Dark Mode Borders
#1C1C21
Subtle
#232329
Default
Light Mode Surfaces
#F4F4F5
App bg
#FFFFFF
Card bg
#E4E4E7
Border
Text Hierarchy
Primary — #F8FAFC headings, body
Secondary — #A1A1AA descriptions
Muted — #71717A labels, captions
Subtle — #52525B disabled, hints
04
Buttons
Website (rounded-full)
Primary
Get Started
Ghost
Learn More
Small
Book Audit
App UI (rounded-md)
Solid
Save Changes
Outline
Cancel
05
Cards
Glass Card — website marketing (backdrop-blur, transparent bg)
24/7 AI Receptionist

Never miss a call again. Your AI handles every inbound call, qualifies leads, and books appointments.

SMS Automation

Automated sequences for confirmations, reminders, no-show follow-ups, and lead nurture.

Review Automation

Automatically ask for Google reviews after each appointment. Build reputation on autopilot.

Solid Card — app dashboards (#101014 bg, #232329 border)
Active Leads
24
8 qualified this week
Pipeline Value
$18.4K
Across 6 opportunities
06
Form Elements
Submit
07
Alerts
ⓘYour AI Receptionist is now handling calls for 3 locations.
✓Invoice INV-10283 sent successfully. Payment link included.
⚠Twilio balance is below $10.00. Top up to avoid service interruption.
✗Deploy failed: container exited with code 1. Check logs.
08
Hero Section
AI-Powered Revenue Recovery

Stop Losing Leads.
Start Closing More.

Agentify AI builds the automated sales engine your business deserves, so you can focus on what you do best.

Trusted by 50+ local businesses · $2.4M in recovered revenue

09
Stats / KPI Block
$51K
Annual Revenue Recovered
Per average MedSpa client
100+
Calls Handled Monthly
Zero additional staff
72%
Missed Call Recovery
vs. industry avg of 8%
11
Dashboard Cards
Calls This Week +12%
47
38 handled by AI · 9 transferred
Bookings via AI +8%
12
$4,800 in estimated value
Reviews Sent
23
4 new Google reviews this week
Build Progress
4 of 6 modules deployed 67%
12
Login Card
Glass login pattern (Pulse, Signal, LeadGen) — identity color glow
13
Status Badges
Live Building Pending Error
App Identity Pills (case studies pattern)
Signal CRM Insights Hub Pulse Orbit Scope LeadGen
14
Skeleton Loaders
15
Spacing & Radius
Spacing Scale
space-2
0.5rem
space-4
1rem
space-6
1.5rem
space-8
2rem
space-12
3rem
space-16
4rem
Border Radius
xs (3px)
sm (6px)
md (8px)
default (12px)
lg (16px)
xl (24px)
full
16
Testimonial
“
We recovered $4,200 in revenue in the first month just from the missed call textback alone. It paid for itself in two weeks. I didn't realize how many people were calling and I wasn't answering.
KW
Katy Wood
That Lady Katy Beauty Bar · Rockwall, TX