Skip to content
Konjo
Product
Pricing
Compare
Switch
About
Studio sign in
Open the app
Book a demo
Menu
Product
Pricing
Compare
Switch
About
Studio sign in
Open the app
Book a demo
Browse all of Kata
Kata overview
Start here
About these documents
The design language
Brand
Identity
The ninja
Mascot prompts (retired)
Foundations
Colour
Type
Space
Radius and borders
Elevation
The small metrics
Motion
Iconography
Imagery
Rank
Content format
Accessibility
Patterns
Buttons
The tab home
The list screen
The tile grid
The detail screen
Navigation
Forms
Pickers, selects, and sheets
Search and filter
Serious and consequential actions
Direct manipulation
Boards
Empty, loading, error
Notifications and messages to the person
Progress
Celebration — the promotion certificate
Voice
Voice
Studio
Studio — the desktop dialect
Studio metrics
Dashboards and snapshot cards
Tables
Overlays
Charts
Public surfaces — the session-less dialect
Studio — information architecture and screen inventory
Tokens & components
Konjo tokens — the complete tables
Shared UI components
Reference screens
For agents
Designing for Konjo
Anti-patterns
Process
Governance
Kata migration — bringing every screen onto the new look
The design-completeness test
Where this came from
The story
Kata — the founder interview
Benchmark — Nike's Podium, Apple's HIG, and the best brand guides
Design calibration — how the design language was decided
Product facts
Claude Design briefing — Konjo Studio (superseded)
Claude Design brief — the Konjo Teach tab
Teach card handoff
Kata
Voice
How Konjo talks: plain, direct, in the language of the dojo.
Voice
Plain and direct: the words the app uses, and the ones it never does.