# Visualli design system

> Tokens, components, guidelines and platform notes for the Visualli apps. Source: design-system/ in the visualli.ai monorepo. Version 0.1.0.

## Start

- [Feature matrix](feature-matrix.md)

## Surfaces

- [Web app](surfaces/web.md)
- [Mobile app](surfaces/mobile.md)
- [MCP widget](surfaces/mcp.md)
- [Chrome extension](surfaces/extension.md)
- [Website](surfaces/website.md)
- [Desktop viewer](surfaces/desktop.md)

## Components

- [Avatar](components/avatar.md)
- [Badge](components/badge.md)
- [Button](components/button.md)
- [CanvasControls](components/canvas-controls.md)
- [Card](components/card.md)
- [ChatTurn](components/chat-turn.md)
- [ComfortPanel](components/comfort-panel.md)
- [Composer](components/composer.md)
- [DeckSlides](components/deck-slides.md)
- [DepthTrail](components/depth-trail.md)
- [Dialog](components/dialog.md)
- [Edge](components/edge.md)
- [EditBanner](components/edit-banner.md)
- [Email](components/email.md)
- [GoDeeper](components/go-deeper.md)
- [Icon](components/icon.md)
- [IconButton](components/icon-button.md)
- [Menu](components/menu.md)
- [Node](components/node.md)
- [SearchField](components/search-field.md)
- [SegmentedControl](components/segmented-control.md)
- [SelectionBar](components/selection-bar.md)
- [SemanticAnchor](components/semantic-anchor.md)
- [SemanticPeek](components/semantic-peek.md)
- [Signature](components/signature.md)
- [SocialPosts](components/social-posts.md)
- [SourceChip](components/source-chip.md)
- [SourcesPanel](components/sources-panel.md)
- [SpectrumBar](components/spectrum-bar.md)
- [Switch](components/switch.md)
- [TextField](components/text-field.md)
- [ThinkingTree](components/thinking-tree.md)
- [Toast](components/toast.md)
- [Tooltip](components/tooltip.md)
- [UpvoteCard](components/upvote-card.md)
- [Vault](components/vault.md)
- [VaultItem](components/vault-item.md)
- [VisualMap](components/visual-map.md)
- [Gallery](components/gallery.md)

## Foundations

- [Color](foundations/color.md)
- [Typography](foundations/typography.md)
- [Space & shape](foundations/space-and-shape.md)
- [Motion](foundations/motion.md)
- [Canvas](foundations/canvas.md)
- [Assets](assets.md)

## Guidelines

- [Brand book](guidelines/brand-book.md)
- [Canvas language](guidelines/canvas-language.md)
- [Comfort modes](guidelines/comfort-modes.md)
- [Surfaces](guidelines/surfaces.md)
- [Marketing](guidelines/marketing.md)
- [Migration from the current web app](guidelines/migration.md)
- [Building UI with the Visualli design system](guidelines/building-with-the-system.md)

## Optional

- [Overview](index.md)
- [Raw tokens](ds/tokens/dist/tokens.json)