4

Design Foundation

Brand, status system, and shared patterns that every upcoming module will reuse.

Current direction

LTR

Fully mirrored layout

Grid base

4 px

Compact operational density

Corner radius

8 px

Quiet edges, explicit borders

Colour tokens

  • background

    App canvas

  • surface

    Panels

  • elevated

    Inner rows / tiles

  • primary

    Primary action, active nav

  • critical

    Critical alert

  • warning

    SLA risk

  • success

    Confirmed / synced

  • info

    Detection / informational

  • neutral-status

    Inactive / draft

  • border-strong

    Dividers, outlines

Status

Violation confirmedSLA at riskVerifiedNew detectionDraft

Priority & severity

CriticalHighMediumLow

Connectivity & sync states

OnlineOfflineSaved locallyPending syncSyncingSyncedSync failed

Chain of custody timeline

  1. Evidence captured

    09:42

    Field officer · 24.7136, 46.6753

  2. Assets seized

    10:05

    Enforcement team

  3. Custody transferred

    12:30

    Storage custodian

  4. Referred to judicial authority

    15:11

    Legal reviewer

Entity header pattern

INC-2026-01847

Suspected mining activity — Sector NW-14

24.7136, 46.6753 · 08:16 · Created from AI detection

HighUnder verification
IncidentMissionEvidenceCase

Empty state

Nothing here yet

This module activates once its flow requirements are provided.