Project Explorer
See the whole workspace at a glance
All project files are gathered in the sidebar so you can move across documents without losing context.
Product Gallery
How KatanA changes the review experience for engineers.
A UI designed around reading, not just writing.
Long ADRs, complex architecture diagrams, and scattered specifications. These screenshots show how KatanA helps you survey them and review faster.
01
Real app screens
02
Export quality
03
Native dark theme
Live Product Gallery
A workspace that bridges specifications and implementation
A deliberate UI layout and toolset built to reduce the day-to-day burden of working with technical documentation.
An intuitive interface
A lightweight workspace experience that stays out of the developer's way.
Smart Navigation
Reach the right file faster
An intuitive tree view helps you locate deep specification files without getting lost.
follow repository docs without losing context.
Interactive Split View
Read source and output side by side
A split view tuned down to the pixel. Scroll sync keeps the section you are reading accurately rendered at all times.
verify source and rendered output side by side.
Onboarding
Make the first step obvious
Even before a workspace is selected, KatanA shows clear guidance on what to do next.
Welcome Screen
Explore the Welcome screen
The Welcome screen (Welcome.md) provides a quick overview of core features and essential shortcuts to get you started.
Read, write, and organize
Turn Markdown from a plain text file into a first-class design asset.
Drafting Experience
Keep your thinking moving, not your markup
Preview code blocks, formulas, and tables instantly to speed up the cycle of drafting and refining.
Outline & TOC
See the structure and jump instantly
Even long documents stay navigable with an automatically generated outline and table of contents.
jump long documents quickly during review.
Visualization and presentation
Turn hidden structure in text into clear diagrams and presentation-ready views.
Integrated Diagrams
Make diagrams part of the document itself
Built-in rendering engines such as Mermaid let you manage architecture diagrams as live source, not exported images.
keep diagram-heavy specs in one continuous reading path for external review.
Draw.io Support
Native architecture diagram support
Draw.io diagrams (.drawio) can be viewed natively in the editor, providing a seamless review experience for complex architectures.
Architecture Review
Make complex designs easy to read
Large sequence diagrams and class diagrams render clearly, helping teams align on the same understanding.
Slide Mode
Turn the document itself into a presentation
Define slide breaks in Markdown and project the result directly in meetings.
Personalization and settings
A professional tool should let you tune the details to fit your way of working.
UI Themes
Color palettes that deepen focus
Choose from multiple theme presets, led by a polished dark mode.
tune reading comfort for long technical sessions.
Theme Fine-tuning
Customization down to the details
Fine-tune accent colors, background transparency, and other visual details.
Typography
Improve readability through typography
Optimize font families and font sizes separately for the editor and the preview.
Editor Icons
Build a clearer visual index
Pick icon sets by file type to make the explorer easier to scan.
App Behavior
Define behavior that feels right in your hands
Control details such as scroll speed and the default state of panes.
Workspace Config
Optimize for each project
Manage path settings and exclusion rules at the workspace level.
Shortcuts
Keyboard Shortcuts Settings
Customize keyboard shortcuts to match your workflow seamlessly.
customize keyboard shortcuts to match your workflow.
Markdown Linter
Maintain document quality automatically
Enable the Markdown linter and configure the severity (Error/Warning/Ignore) for each rule individually to match your project standards.
System and maintenance
Ship polished outputs while keeping the tool itself dependable.
Professional Exports
Take your deliverables outside the app
Export documents as PDF, HTML, or PNG and treat them as professional deliverables.
export long rendered docs as evidence artifacts and share them with teammates.
App Theme & Personalize
Create your own focus environment
Adjust editor colors and UI themes to reduce fatigue during long sessions.
tune reading comfort for long technical sessions.
Version History
Keep moving forward with KatanA
Read release notes in the app and keep up with improvements that affect your workflow.
understand release impact before upgrade.