Anvil Shield Holdings

Anvil brand system

Derived from the Anvil Shield Holdings logo: a solid blue anvil fused with a cyan circuit trace. The anvil stands for strength and security; the circuit for the digital platform. Anvil Blue does the work, Circuit Cyan marks the connection, Forge Navy is the ground.

Logo

Use the files in the brand folder. Do not redraw, stretch or recolour them.

Full lockup on dark
Sidebar, login header, customer page header, QR poster band.

Full lockup on light
Documents, emails and other light surfaces.

Mark only
Mobile top bar, favicon source and small spaces.

Clear space: the height of the cyan circuit dot on every side.
Minimum width: 140 px for the full lockup, 32 px for the mark.
Never recolour the mark or place it on a mid-tone background.

Colour

Use the token name in code, never the hex value. Status colours signal status only, never decoration.

Forge Navy --forge · #0B1F33 Sidebar, headers, login ground, poster band

Anvil Blue --anvil · #0F67B0 Primary buttons, links, active nav, chart bars

Anvil Blue 700 --anvil-700 · #0B4F88 Hover and pressed

Anvil Blue 50 --anvil-50 · #E8F1FA Selected rows, chosen options

Circuit Cyan --cyan · #4FC0DE Focus ring, active-nav rail, highlight border, funnel end

Circuit Cyan 700 --cyan-700 · #16829F Cyan text on white, 14 px bold and up only

Cyan 50 --cyan-50 · #E7F7FB Highlight KPI and demo banner fill

Steel background --bg · #F3F6F9 Page background

Surface --surface · #FFFFFF Cards, inputs, tables

Surface 2 --surface-2 · #EDF2F7 Table header, tiles, callouts

Line --line · #D4DDE7 1 px borders

Secondary text --ink-2 · #56677A Secondary text, labels, eyebrows

Text --ink · #0E1A26 Body text

Good --good · #1B7F4E Status only

Warn --warn · #9C5A00 Status only

Critical --crit · #B42318 Status and errors only

Plate yellow no token · #F2C230 Yellow number plate only

Type

Work Sans for titles and figures, Open Sans for paragraphs and UI, Spline Sans Mono for agency numbers, references, keys and policy numbers.

Eyebrow · Open Sans 700, 11 px, uppercase

Display · Work Sans 700, 30 px

Heading 2 · Work Sans 700, 21 px

Section title

Heading 3 · Work Sans 700, 16 px

Card title

Body · Open Sans 400, 15 px

Partner earnings are shown before withholding tax. The platform posts commissions and SwitchLink Africa pays them out.

Label · Open Sans 600, 13 px

Sender ID

Data · Spline Sans Mono 500

ASG-CW-0142 · SLA-ASG-2026-041

Components

One primary action per screen. Secondary actions are ghost buttons.

Buttons

Status chips

Verified Callback not confirmed Failed In progress Not configured

Agency number, partner codes and plate

ASG-CW-0142 ValuationTrackerInsurance KBX 214A

KPI tiles

Commissions this month KES 41,300 Before withholding tax

Ready to pay KES 266,500 Next Monday batch

Inputs and errors

Sender ID 3 to 11 letters or digits.

Paybill number Paybill numbers have 5 to 7 digits.

Switch and callout

Send an SMS when a commission is posted

Customers can't pay until this is Production and the callback is confirmed.

Table row, selected row and numbers aligned right

Payee	Rail	Net (KES)
Spotless Auto SpaASG-CW-0142	M-Pesa B2C	KES 36,000
Mombasa Road MotorsASG-GR-0087	Pesalink	KES 294,700

Usage rules

Anvil Blue is the one primary colour on a screen. Use it for the single main action.
Circuit Cyan never carries text on white. It marks focus, the active nav rail and highlights.
The yellow number plate is the only yellow in the product, because it depicts a real Kenyan rear plate.
Radius is 6 px for chips, 10 px for buttons and inputs, 14 px for cards and tables. Borders are 1 px steel lines. Shadows appear only on the login card.
Spacing steps are 4, 8, 12, 16, 24, 32 and 48 px.
The dark theme lifts Anvil Blue to #4FA3E6 for contrast and keeps Circuit Cyan unchanged.
Voice is plain and specific. Name the company behind every product, say what a button does, and write money as "KES 12,500".