Files
geointel/docs/DESIGN_SYSTEM.md
Jens faeb58ef6d
GeoIntel release gates / Compile, test, contracts and builds (push) Successful in 1m49s
GeoIntel release gates / Python and npm vulnerability policy (push) Successful in 21s
GeoIntel release gates / Production AI image, SBOM and container scan (push) Successful in 5m39s
GeoIntel release gates / Deploy exact gated revision to Unraid (push) Failing after 58m43s
Initial public release
2026-08-31 21:56:53 +02:00

1.1 KiB

Design System

Core components

AppShell

Global layout with left navigation, top project context bar, and main workspace area.

MapPanel

MapLibre-powered viewport with layer controls and inspection tools.

InspectorPanel

Right-side contextual panel showing metadata, selected features, analysis settings, and results.

DatasetTable

List of datasets with type, source, status, CRS, bounds, created date, and actions.

AnalysisRunCard

Displays an analysis run status, progress, parameters, and outputs.

LayerTree

Allows toggling, opacity changes, and layer ordering.

MetricCard

Shows one calculated metric with unit and provenance.

QualityMetricCard

Shows precision, recall, F1, IoU, false positives, and false negatives.

EmptyState

Every page must have a useful empty state with a next action.

Required states

Every interactive component should handle:

  • idle,
  • loading,
  • success,
  • empty,
  • error.

Forbidden patterns

  • Hidden mock-only states.
  • Buttons without implemented actions.
  • Tables without empty state.
  • Map overlays without legend.