UX Mockups
The mockups below are text-first so they stay clear for people and parsable for AI tooling.
App site mockup
+--------------------------------------------------------------------------------+
| BinKindly | Mission | How it works | Proof | Docs |
+--------------------------------------------------------------------------------+
| Hero: Throw less away. Trust what goes where. |
| [Read the docs] [See pipeline] |
| |
| SUPRA++ posture card |
+--------------------------------------------------------------------------------+
| Pipeline: Harvest -> Discover -> Onboard -> Publish |
+--------------------------------------------------------------------------------+
| Proof: audit trail | deterministic core | safe retries |
+--------------------------------------------------------------------------------+
| Footer: docs | github | contact |
+--------------------------------------------------------------------------------+
Docs site mockup
+--------------------------------------------------------------------------------+
| BinKindly Docs | Home | Getting Started | Architecture | Data Contracts |
+--------------------------------------------------------------------------------+
| Main section with plain language content |
| - headings |
| - tables |
| - code blocks |
| - mermaid diagrams |
+--------------------------------------------------------------------------------+
| Footer with canonical app/docs links |
+--------------------------------------------------------------------------------+
Readability intent
- High-contrast type and restrained layout noise.
- Mobile-first behavior with no hidden critical content.
- Stable semantic terms across docs, logs, and contracts.