forked from c-fu/arah2
araharah-executor
506ff68976
- Root Rams design docs (DESIGN.md, IDEAS.md) and GSD install-fix notes (GSD_FIX.md, gsd-fix.sh) - Four Telemetry Rams mockup screens + telemetry_rams/DESIGN.md (canonical token frontmatter) - .agents/ project skills (design-taste-frontend) + skills-lock.json - .gitignore: node_modules/dist/env secrets/OS junk; .planning stays local-only; Zone.Identifier scrubbed (9 files deleted)
96 lines
1.8 KiB
Markdown
96 lines
1.8 KiB
Markdown
IDEAS.md
|
||
|
||
Vision
|
||
|
||
A Dieter Rams–inspired minimalist navigation app, built on OpenStreetMap and powered through Telegram. Every design choice follows Rams’ principle: Less, but better.
|
||
|
||
Core Principles
|
||
|
||
Clarity: Every interaction is obvious and purposeful.
|
||
|
||
Minimalism: No excess decoration, only functional elements.
|
||
|
||
Consistency: Unified typography, spacing, and iconography.
|
||
|
||
Timelessness: Avoid trends; design remains relevant for years.
|
||
|
||
User Experience
|
||
|
||
Telegram-first: Commands and inline queries for reports, search, and navigation.
|
||
|
||
Map snapshots: Delivered as clean images with overlays for traffic events.
|
||
|
||
Navigation output: Text-based directions with optional minimalist map tiles.
|
||
|
||
Reports: Simple commands (/accident, /traffic, /hazard) with location sharing.
|
||
|
||
Feedback loop: Concise updates about nearby events.
|
||
|
||
Visual Design
|
||
|
||
Color Palette:
|
||
|
||
Signal Orange (#EB8008)
|
||
|
||
Functional Red (#ED3F1C)
|
||
|
||
Olive Green (#736B1E)
|
||
|
||
Soft Beige (#D9D2C6)
|
||
|
||
Matte Black (#1A1A1A)
|
||
|
||
Typography:
|
||
|
||
Helvetica Neue / Inter
|
||
|
||
Regular for body, Bold for emphasis
|
||
|
||
Icons:
|
||
|
||
Line-based, monochrome with accent colors
|
||
|
||
Accident = ⚠️, Traffic = 🚗, Hazard = ⛔
|
||
|
||
Architecture Overview
|
||
|
||
Frontend: Telegram Bot + optional PWA (Cloudflare Pages)
|
||
|
||
Backend Transport: Telegram API
|
||
|
||
Database: Neon (Postgres + PostGIS)
|
||
|
||
Routing: OSRM with dynamic traffic weighting
|
||
|
||
Tiles: Maptiler
|
||
|
||
Queue: RabbitMQ
|
||
|
||
Storage: Cloudflare R2
|
||
|
||
Monitoring: Prometheus + Grafana
|
||
|
||
Email: Resend
|
||
|
||
Gamification
|
||
|
||
Points for validated reports
|
||
|
||
Leaderboards via Telegram bot
|
||
|
||
Minimalist badges (circle outlines with symbols)
|
||
|
||
Future Ideas
|
||
|
||
Regional clusters via Telegram groups
|
||
|
||
Voice-to-text reporting
|
||
|
||
Offline mode with cached routes
|
||
|
||
API layer for anonymized traffic data
|
||
|
||
Motto
|
||
|
||
"Good design is as little design as possible." — Dieter Rams
|