NorbieLink
search close
HomeComponentsBadges

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

PropertyValue
Shapeshape.full (pill)
Padding4px 12px
Font size11px
Font weight700 (Bold)
Letter spacing0.03em
Background opacity10% of the semantic color
PRO badge border1.5px solid color.secondary (#74C3B7)
AI badge bgrgba(166,20,195,0.08) · border rgba(166,20,195,0.4) · text #A614C3