IDEA-018 Mockup — Injected Reference Toolbar

# Design Systems Made Simple

Build consistent, beautiful interfaces with our component library and design tokens.

Get Started

### Color Tokens

Semantic color system with light and dark mode support out of the box.

#667eea
You — just now
Great card layout — use this rounded corner + subtle shadow pattern for our feature cards.

### Typography Scale

Harmonious type system with responsive sizes and weights.

### Spacing Grid

Consistent 4px-based spacing scale for predictable layouts everywhere.

X 5
X-IPE Reference
Phase 1 — Core
Phase 2 — Advanced
Collected References
3 colors 2 elements
Drag to move toolbar
IDEA-018 · Mockup Injected Reference Toolbar — Simulated on a sample website. Shows hamburger collapsed state, expanded tool panel with Phase 1/2 tools, collected data summary, element highlighting with CSS selector, color picker swatch, and comment bubble.