Systems

Component library, tokens, themes, system map

Designing for scale, not just screens

This work represents a cross-product design system created to support multiple teams and evolving product needs. The project is grounded in systems thinking, prioritizing shared foundations, long-term scalability, and adaptability over multiple products.

Colors, spacing, typography scale, motion primitives

Shared foundations

A set of core variables (color, space, type, motion) define structure, hierarchy, and behavior across the product. By establishing these foundations early, consistency becomes an outcome rather than something applied manually and repetitively.

Theming, variants, configuration examples

Built to evolve

The system was designed as a living framework rather than a static library. It supports contribution and iteration over time, allowing the product to grow without fragmentation or loss of coherence.

Astra empty state and account menu composite

ProductLangflow

CategoryDev Tool, Agent Orchestration

Team2 designer, 6 engineer

Craft

Craft through clarity and restraint

This work focuses on elevating product quality through a redesign of Langflow. The goal was not stylistic change alone, but a more coherent, usable, and confident interface built through careful attention to layout, hierarchy, and interaction detail.

Before the redesign

The original interface had grown organically over time, resulting in visual inconsistency, competing hierarchies, and interactions that required unnecessary effort to understand.

Intentional change

The redesign focused on simplifying structure, clarifying hierarchy, and reducing visual noise. Every change was made to improve legibility, flow, and confidence without disrupting existing workflows.

Designed for focus

The updated interface introduces clearer spacing, stronger typographic hierarchy, and more deliberate use of color, allowing users to focus. This work reflects a belief that craft is not decoration, but the accumulation of small, intentional decisions that shape how a product feels to use over time.

Langflow component details and inline playground

ProductOpenRAG

CategoryDev Tool, Knowledge Management

Team2 design (lead), 4 engineer

Intelligence

Designing intelligence into the product

This work explores how intelligence emerges when data, AI, and interface design are treated as a single system. OpenRAG was designed to make complex knowledge accessible, usable, and trustworthy rather than opaque or purely technical.

Human centered AI interaction

Agent conversations are designed to feel collaborative rather than automated. The interface emphasizes clarity, context, and user control, ensuring AI assistance supports decision making instead of replacing it.

Knowledge as structure

Clear entry points and consistent patterns help users understand what data exists and how it can be used. Breaking information into clear and meaningful units supports more accurate retrieval and interpretation. The interface makes this structure visible, helping users understand how insights are formed.

Intelligence as experience

Rather than treating AI as a layer on top of the product, intelligence is embedded throughout the experience, shaping how users explore, reason, and act on information.