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)
1.3 KiB
DESIGN.md
Design Philosophy
Maximum Dieter Rams–inspired design. Functional clarity, accented colors, timeless restraint.
Layout & Grid
8px baseline grid
Left-aligned text, center-aligned icons
Generous whitespace
Typography
Helvetica Neue / Inter
Regular for body, Bold for emphasis
Sizes: 14px body, 18px headings, 24px titles
Line height: 1.4× font size
Color Palette
Signal Orange (#EB8008)
Functional Red (#ED3F1C)
Olive Green (#736B1E)
Soft Beige (#D9D2C6)
Matte Black (#1A1A1A)
Usage:
Background: Soft Beige
Text: Matte Black
Highlights: Orange
Alerts: Red
Success: Olive Green
Iconography
Line-based, geometric, monochrome with accent strokes
Accident = Red triangle
Traffic = Orange car
Speed Cam = Green circle
Components
Buttons: Flat, rectangular, accented colors
Cards: Beige background, black text, icon + title + subtitle
Map Snapshots: Grayscale tiles with accent overlays
Interaction Flows
Report Event: /report accident → bot confirms → stored in DB → broadcast nearby
Navigation: /navigate origin → destination → OSRM route → text directions + map snapshot
Feedback: Minimal confirmation messages
Accessibility
High contrast text
Clear icons
Simple hierarchy
Motto
"Good design is as little design as possible." — Dieter Rams