Reference implementation
Four screen mockups from the One Design System Figma kit, rebuilt in Next.js + Tailwind. Inter typeface, 4pt grid, light/dark via CSS Variables. Click any tile to view.
Sign In
Email + password with social options. Light/dark adaptive.
Dashboard
Sidebar + topbar + 4 metric cards + chart. The kit's headline screen.
Users Table
Data-dense table — filter chips, row actions, pagination.
Settings
Account form using kit input + switch + section patterns.
Built from the 58 screen mockups scraped at ~/My Apps/ui-libraries/one-design-system-3.4/. Components hand-written; aesthetic faithful to the source.