Ecosystem
All products and platforms powered by the Coconut Design System. One foundation, multiple specialized experiences.
Live Products
Admin dashboard for store operators. Manages sites, hardware, billing, integrations and user access.
Central management platform. Organization-wide settings, fleet management, and global monitoring.
AI-powered chat hub with multi-model support, document processing, and fine-tuning studio.
Technical documentation for the platform. Infrastructure, API, database, security, and design system reference.
Backend REST API. No UI — pure backend with Durable Objects and D1. No design system dependency.
Coming Soon
Point-of-sale interface optimized for touch. Large tap targets (min 48px), product grids, numpad, cart and payment flow.
Full-screen self-ordering kiosk. Extra-large typography, attention animations, inactivity timeout, and accessibility focus.
High-density kitchen display. Order columns with urgency timers, color-coded priority, bump actions, and audible alerts.
Drive-through queue management. Large order numbers, status tracking, lane assignment, and estimated wait times.
Dynamic display content. Carousel layouts, menu boards, promotional content, no interaction — display only.
Self-checkout terminal. Scan, weigh, pay — minimal UI with clear step-by-step flow and error recovery.
Architecture
/* Product imports foundation then overrides */
@import 'coconut-foundation/design-tokens.css';
@import 'coconut-foundation/components.css';
/* POS Touch overrides */
:root {
--radius: 16px; /* Larger for touch */
--topbar-h: 64px; /* Taller touch bar */
}
.btn { min-height: 48px; } /* Touch target */