Design tokens
The atomic values that drive every visual decision across all Quovi portals.
Primary colour palette
Spacing scale
Border radius
Logo & brand mark
Always use supplied files — never recreate the mark from scratch.
Icon mark — all approved backgrounds
Size scale
Typography
Fraunces for all headlines. Outfit for all UI and body text. Two typefaces only.
Display — Fraunces
Your cover.
Wherever
you are.
Wherever
you are.
Regular · Italic · Variable optical size
UI & Body — Outfit
Section heading · 600
Body copy at 14px regular. Approachable and legible across all Caribbean devices and network conditions.
Label / button text · 500 weight
Form elements
1.5px borders, 8px radius, teal focus ring. Consistent across all portals.
As it appears on your ID
Certificate will be sent here
🇱🇨
XCD
Please enter a valid email address
▼
▼
Toggles
Renewal reminders
WhatsApp notifications
Paperless only
Checkboxes
I agree to the terms
Add roadside assistance (+$240/yr)
Add windstorm excess waiver
Badges & chips
Status, category and metadata. Never more than 2 badges in one element.
All variants
Active
Expiring soon
Expired
Comprehensive
St. Lucia
Advisor
Third party
FSC licensed
In context — policy list
QV-MOT-2026-004128
Toyota Corolla 2021 · NAGICO Insurances
ActiveMotorSt. Lucia
QV-HOM-2026-000891
2 Morne Rd, Castries · Sagicor General
Renews in 14 daysHome
Quovi cards
Domain-specific insurance data cards. Colours and proportions are fixed.
Policy cards
MOTOR · ACTIVE
Toyota Corolla 2021
NAGICO · Comprehensive · QV-MOT-2026-004127
⏱ Renews in 14 days
Annual premium$3,840 XCD
HOME · ACTIVE
2 Morne Rd, Castries
Sagicor · All-risk · QV-HOM-2026-000891
Annual premium$4,200 XCD
Quote comparison cards
Best value
NAGICO Insurances
$3,840/yr
Windstorm · Excess $2,000 · Roadside
Sagicor General
$4,120/yr
Excess $1,500 · Roadside assist
Guardian General
$4,380/yr
Zero dep add-on available
Advisor strip · Stat cards
JR
Janet Richards
Senior Advisor · Chat · Call · WhatsApp · Video
Online
Policies
📋
342
+28 vs last month
Commission
💰
XCD 89K
+12%
Renewal rate
🔄
78%
+3%
Advisors
👥
5
Alerts & modals
Consistent feedback patterns. Alert placement always below header, above content.
Alert variants
✓
Policy bound successfully
NAGICO motor policy QV-MOT-2026-004128 is active. Certificate sent to [email protected].
⚠
Renewal due in 14 days
Your motor policy expires 30 May 2026. Compare quotes now to avoid a lapse in cover.
✕
Payment failed
Your card was declined. Please update your payment method or try WiPay.
ℹ
KYC verification in progress
Your identity is being verified by Onfido. Usually under 60 seconds.
Modal
Cancel policy?
Are you sure you want to cancel QV-MOT-2026-004128? A pro-rata refund of XCD 1,840 will be processed within 5 business days.
Data display
Tables, dividers and empty states. Primary use in insurer and analyst portals.
Data table
| Policy number | Insured | Product | Premium | Status |
|---|---|---|---|---|
| QV-MOT-2026-004128 | Marcus Joseph | NAGICO Comprehensive | XCD 3,840 | Active |
| QV-MOT-2026-004127 | Kezia Thomas | Sagicor Comprehensive | XCD 4,120 | Active |
| QV-HOM-2026-000891 | Michael Browne | Sagicor All-risk | XCD 4,200 | Expiring |
| QV-MOT-2026-004126 | Janet Richards | Guardian Third party | XCD 1,850 | Expired |
Empty state
📋
No policies yet
Get your first quote in under 3 minutes.
Loading states
Always show loading state. Never leave users with a blank screen.
Spinners
Skeleton loaders
Progress bars
Profile complete25%
KYC verification60%
Payment90%
Screen patterns
Assembled compositions. Open the portal HTML files to see the full interactive versions.
Consumer dashboard — mobile
Insurer portal — NAGICO dashboard