Introduction

This is the design system behind the Rogo product: the foundations every surface is built on, and the shared components that ship as @rogo-technologies/ui.

Foundations define the tokens for color, typography, icons, and shadows. Components range from primitives like Button and Input to larger compositions like Sidebar and Data Table, plus the inline components the agent renders in chat. Each page documents the import path, props, variants, and live examples.

Pick a page from the sidebar, or press ⌘K to search. Every page is also served as markdown for agents through the Markdown menu in its header.