Design system

Design System

A first theme-native system page for the Notion repo, starting with compact badges generated from the live Notion agent registry.

Source GET /v1/agents Theme page for the local 9292 preview
7 Notion agents Latest agent edit Apr 19, 2026 Synced Apr 20, 2026, 1:27 PM EDT

Basic

Straight Notion-style card with avatar and label only.

Counsel
Customer Support Specialist
Inventory Planner
Shipping Manager
Shopify Website Builder
CEO
Marketeer

With thinking

Same card language, but with a thinking state and a short reasoning line.

Counsel Thinking Spots legal and compliance risks in text and product decisions, and suggests safer alternatives.
Customer Support Specialist Thinking Reviewing context and shaping the next recommendation for Customer Support Specialist.
Inventory Planner Thinking Plans Wink component inventory using the Wink BoM and Inventory databases.
Shipping Manager Thinking Reviewing context and shaping the next recommendation for Shipping Manager.
Shopify Website Builder Thinking Reviewing context and shaping the next recommendation for Shopify Website Builder.
CEO Thinking Reviewing context and shaping the next recommendation for CEO.
Marketeer Thinking Finds what target markets want and synthesizes customer needs, trends, and opportunities into actionable insights.

Icon-only

Avatar-first treatment for canvases, launchers, and dense selection states.

Speech bubble

A chat-oriented treatment for assistant surfaces and inline agent replies.

Counsel Spots legal and compliance risks in text and product decisions, and suggests safer alternatives.
Customer Support Specialist Customer Support Specialist is ready to review the current context and respond.
Inventory Planner Plans Wink component inventory using the Wink BoM and Inventory databases.
Shipping Manager Shipping Manager is ready to review the current context and respond.
Shopify Website Builder Shopify Website Builder is ready to review the current context and respond.
CEO CEO is ready to review the current context and respond.
Marketeer Finds what target markets want and synthesizes customer needs, trends, and opportunities into actionable insights.