Kyn AI: Brand Guidelines, Design System, Software UI, Website
An autonomous engineer that lives inside your company's data - diagnoses incidents, ships fixes, and writes the customer back, in minutes.
Link to live site: https://kyn-xi.vercel.app
Autonomous Multi-Agent Company Brain
I designed the Brand Identity, Design System, Software UI, & Website for Kyn. Kyn is a supervisor-led AI system that diagnoses incidents, retrieves institutional context, and ships real artifacts in minutes. Kyn turns scattered company knowledge like Slack threads, runbooks, code, and postmortems into a single, auditable reasoning trail that gets smarter every run.
Software UI
Kyn is multi-agent platform where a supervisor routes each problem across four capability sub-agents (Code, Company, Memory, and Action) to produce shippable outputs like diagnoses with cited sources, draft PRs, and customer replies. Every run streams its reasoning live, records episodic and procedural memory for future runs, and surfaces a fully inspectable trail of tool calls, evidence, and findings. I built the interface including a live run view, replay mode for past runs, and a marketing site with a custom design system and brand identity guidelines.
Check out the Software UI here: https://kyn-xi.vercel.app/run
Web App Build Details
I built the brand identity system, design system, UI for the software demo, and website for Kyn. I worked with 2 engineers and handled all visual aspects of the project, plus generated data for the engineers to use for the live demo. The technical side of the build included designing the run-view UI, architecting the FastAPI backend, and wiring up the multi-agent orchestration layer. The supervisor agent coordinates sub-agents that call Hyperspell for context retrieval across company surfaces and Nia for code-aware reasoning. The backend streams agent events to the frontend over Server-Sent Events, while runs and artifacts are persisted as structured JSON and markdown for replay and audit.
Tools Used
The tools used for this project were Python, FastAPI, Uvicorn, Pydantic, HTML, CSS, Hyperspell, Nia, Server-Sent Events, and Vercel.
Design System
The kyn design system is a dark-themed UI foundation built on design tokens that define color, typography, and spacing as a single source of truth, applied consistently across the product. It establishes a layered surface scale of near-black panel backgrounds, a graduated set of warm-gray text colors for clear typographic hierarchy, a single orange brand accent, and a Geist / Geist Mono typeface pairing. A core component library of buttons, badges, and status pills sits on top of that foundation, alongside a living documentation page that showcases every token and component with real examples.
Check out the design system here: https://kyn-xi.vercel.app/design-system
Brand Identity System
I designed a 10-page Brand Guidelines deck for Kyn AI that defines the company's visual identity, covering logo lockups, a fully specified color palette, typography, and voice. It then shows that system applied across real collateral, including Instagram carousels and stories, a newsletter, an incident worksheet, and a sales one-pager.
Check out the brand identity system here: https://kyn-xi.vercel.app/brand
Link to live site: https://kyn-xi.vercel.app