Badges communicate membership tiers, system capabilities, and record statuses. All badges use shape.full (pill) and Montserrat Bold. They are non-interactive and purely informational.
PRO
✦ AI ASSISTANT
● Sold/Issued
● Pending
● Upcoming Renewals
● Declined
● Pending/Action Req.
● Incomplete
● Add'l Insured Request
Membership & system badges
Indicate user tier and system-level features. Appear inline next to user names, nav items, and section headings.
PRO Badge
PRO
Teal outlined · used next to "ProSuite" nav item and user name
AI Assistant Badge
✦ AI ASSISTANT
Purple tonal · used next to Appetite Assistant nav item
Partner branding
POWERED BY btis
Top-right of header · not a pill shape — typographic treatment
Status badges
Used in data tables to communicate the current state of a quote, policy, or submission. Each status maps to a semantic color role.
● Sold/Issued
#10B981 · bg 10%
● Pending
#F59E0B · bg 10%
● Upcoming Renewals
#F97316 · bg 10%
● Declined
#EF4444 · bg 10%
● Pending/Action Req.
#EF4444 · bg 10%
● Incomplete
#F59E0B · bg 10%
● Add'l Insured Request
#A855F7 · bg 10%
In context — Data table
Status badges appear in the Status column of data tables. They are always left-aligned and paired with a bullet dot prefix.
Applicant
LOB
Status
Jane Smith
Worker's Comp
● Sold/Issued
Elvis Pressley
Vacant Risks
● Upcoming Renewals
Joe Smith
General Liability
● Declined
Elvis Pressley
Worker's Comp
● Incomplete
Joe Smith
General Liability
● Add'l Insured Request
Specs
| Property | Value |
|---|---|
| Shape | shape.full (pill) |
| Padding | 4px 12px |
| Font size | 11px |
| Font weight | 700 (Bold) |
| Letter spacing | 0.03em |
| Background opacity | 10% of the semantic color |
| PRO badge border | 1.5px solid color.secondary (#74C3B7) |
| AI badge bg | rgba(166,20,195,0.08) · border rgba(166,20,195,0.4) · text #A614C3 |