home/coding/deltascope-kon-tum-console

Deltascope Kon Tum Console

GPTClaudeDeepSeek··▲ 1,138 copies·updated 2026-07-14

deltascope-kon-tum-console.prompt

# DeltaScope — Kon Tum Field Console

- **ID:** `deltascope-kon-tum-console`
- **Category:** Agricultural operations dashboard
- **Type:** app
- **Profile:** `product-ui`

---

Build a responsive field-operations dashboard for "DeltaScope" — a control surface for irrigation, access, and crop-block status across a Kon Tum river plain. Use React + Vite + Tailwind CSS + TypeScript + lucide-react + Recharts + Radix Dropdown Menu. Default Tailwind config, no other UI libraries.

SELECTED PEXELS MEDIA
- Source: [Aerial Kon Tum fields, river, and bridge](https://www.pexels.com/photo/aerial-view-of-lush-rice-fields-and-river-in-kon-tum-28897536/) by Duy Nguyen.
- Download to `/media/vietnam/pexels-28897536.jpg`; use `<img src="/media/vietnam/pexels-28897536.jpg" alt="Aerial view of green fields, a river, roads, and a bridge in Kon Tum, Vietnam">`.
- Map-context crop 16:10 `object-cover object-[52%_50%]`; this is contextual photography, not a georeferenced basemap. Show a visible "reference image" label.

FONTS
- Inter 400/500/600 throughout; JetBrains Mono 400/500 for block IDs, timestamps, and measurements; all measurements tabular nums.

COLORS
- Light: `--bg:#F8FAFC --surface:#FFFFFF --wash:#F1F5F9 --border:#E2E8F0 --text:#0F172A --muted:#64748B`.
- Semantic: `--brand:#2563EB --ok:#16A34A --warn:#D97706 --danger:#DC2626`; dark mode maps to `#0B1120/#1E293B/#334155/#E2E8F0` with `#3B82F6/#22C55E/#F59E0B/#EF4444`.

GLOBAL CSS

when to use it

Community prompt sourced from the open-source GitHub repo olbboy/motion-site-builder (MIT). A "Deltascope Kon Tum Console" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.