System
/ Style guide
The RecoverIQ
system.
Every colour, type style and component used across the template, in one place. Edit a style once and it updates everywhere.
01
/ Colour
Colour
Signal Blue
#3352FF
Primary buttons, links, highlights
Recovery Lime
#C6F432
Wins, accents, focus states
Soft Blue
#8FA1FF
Secondary accents, numbers
Ink
#050508
Page background
Surface
#12131A
Cards, inputs, chips
White
#FFFFFF
Headings and primary text
Muted
#8F94A6
Body and supporting text
Amber
#F5B544
Warnings, few left
Signal Red
#FF5A6A
Fraud, errors
Text Secondary
White 65%
Long-form copy
Border
White 10%
Card borders
Fill Subtle
White 4%
Quiet fills
02
/ Typography
Type
H1
Archivo ExtraBold · 96 / 0.94
Chargebacks
H2
Archivo ExtraBold · 64 / 0.94
Win more disputes
H4
Archivo ExtraBold · 48 / 0.94
Fewer chargebacks
H5
Archivo ExtraBold · 28 / 1
Evidence that wins
Title L
Archivo SemiBold · 22 / 1.25
Dispute ratio calculator
Body L
Host Grotesk · 18 / 1.55
RecoverIQ reads what it needs from every tool.
Body
Host Grotesk · 16 / 1.55
Most merchants are live in under ten minutes.
Caption
Host Grotesk · 13 / 1.5
Online · 45 min · 11:00 AM PT
Label
JetBrains Mono · 11
Live in 10 minutes
03
/ Components
Components
TAGS AND LINKS
01
/ Section tag
FILTER TABS
All
Guides
Visa
Plain words
LISTS
Evidence collected automatically
Rebuttals written for every network
FAQ
How fast can we get set up?
FORM
New: RecoverIQ Alerts stop disputes before they happen
New: RecoverIQ Alerts stop disputes before they happen
New: RecoverIQ Alerts stop disputes before they happen
New: RecoverIQ Alerts stop disputes before they happen