forked from c-fu/arah2
chore(01-design-tokens-rams-foundation-01): commit design baseline — Rams docs, mockups, agent skills
- 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)
This commit is contained in:
@@ -0,0 +1,95 @@
|
||||
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
|
||||
Reference in New Issue
Block a user