Skip to content

One system for every Okrado screen

Colour, type and layout tokens, patterns for overlays and forms, and the component library, in paper and night, in English, French and Arabic. People read it here; agents read the same pages as markdown.

Read the principlesBrowse components

One specimen, drawn from the tokens in its own paper, night, compact and right-to-left subtree. Nothing here is a screenshot.

  • Paper
  • Night
  • Compact density
  • Arabic, right to left
  • Start

    The Record, the Loop, and how people and agents use this site.

  • Foundations

    Colour with its contrast table, type, spacing, elevation, motion, voice and colour mode.

  • Layout

    Operate and workspace modes, the shell, page templates and responsive rules.

  • Patterns

    One page per overlay, with keyboard, dismissal and stacking read from the components.

  • Components

    110 entries from @okrado/ui 0.11.0: 59 stable, 51 beta. Docs and stories in Storybook.

  • Tokens

    Every token with its CSS variable, and the files to download.

  • Brand

    The Record logo, clear space, and the press files.

  • Project

    Changelog, how to add a component, and the lifecycle a component goes through.

Owner
Okrado founders
Updated
Review by
Markdown version
/index.md