Internal reference
Design system
Tokens and components for building AI Slop Police screens. Import from @/components/ui; tokens live in globals.css.
Brand
AI Slop PoliceProtect · Report · ServeColour tokens
navy-950navy-900navy-800navy-700gold-200gold-400gold-600chrome-200chrome-600siren-redsiren-bluesuccesswarningdangerTypography
Chrome display
Gold display
Body — Barlow. Clear, institutional and readable at any size.
Muted body copy for secondary information.
Label caps · eyebrow · metadata
ASP-00042 · CASE-000123
Buttons
Tags
neutralgoldblueredsuccesswarningdanger
OpenConfirmedTaken downClosedThreat · LowThreat · ElevatedThreat · Severe
YouTubeTikTokInstagramFacebookX / TwitterThreadsRedditLinkedInPinterestWebsite
Ranks & insignia
Cadet
Patrol Officer
Detective
Sergeant
Lieutenant
Captain
Commander
Commissioner
Cards
Chrome trim
The default panel.
Use for most content.
Gold trim
Honours, oaths and key calls to action.
Plain
Low-emphasis nested content.
Stats & progress
Case files
128
12 this week
Corroborations
342
Merit
2,410
Ranking
#7
SPDNC
Forms
3–24 characters.
Describe what gave it away.
Feedback
Info
Neutral system information.
Success
Report filed. +10 merit.
Warning
Shift limit almost reached.
Alert
This evidence is already on file.
Empty state
Shown when a list has nothing in it yet.