Intentwise Primitives
Compositions
Full dashboard layout demonstrating every primitive type working together. Toggle dark mode to preview theming across all components.
Navigation — TopBar
KPI Summary — MetricCard
Total revenue across all channels
Advertising Cost of Sales
Micro Indicators — TrendBadge, SparkLine, SparkBar
TrendBadge
SparkLine
SparkBar
Progress & Gauges — ProgressBar, CategoryBar, DeltaBar, ProgressCircle
ProgressBar
CategoryBar
DeltaBar
Revenue Growth
ACoS Change
ProgressCircle
Time Series — AreaChart, LineChart
Categorical — BarChart, DonutChart
Analytics — ScatterChart, FunnelChart, RadarChart
Specialized — HeatMap, WaterfallChart
Lists & Status — BarList, Tracker
Top Search Terms
Keyword revenue attribution
Campaign Uptime
Last 30 days operational status
Composite — HealthScoreGauge
Account Health Score
Last 30 days performance
Tabular — DataTable, ComparisonTable
Campaign Comparison
Side-by-side performance with delta highlighting
| Metric | Campaign A(base) | Campaign B |
|---|---|---|
| Revenue | $12.5K | $15.8K+26.4% |
| ROAS | 3.20 | 4.10+28.1% |
| ACoS | 31.3% | 24.4%-22.0% |
| Impressions | 450K | 520K+15.6% |
| Clicks | 8,500 | 11,200+31.8% |
| CTR | 1.9% | 2.1%+13.8% |
Timeline — TimelineView
Campaign Timeline
Key events and optimization milestones
Initial campaign setup with 50 keywords
Daily budget raised from $50 to $100
CTR dropped below 1.5% threshold
Campaign paused pending bid optimization
Keywords optimized, negative keywords added
$2,500 in attributed sales
Interaction — CommandPalette
Press ⌘K or click the button to open the command palette.
Composition — TableDataSection
Slot-based layout matching DSP-Web-v2 table pages: filter chip pills, absolute-positioned blue bulk actions bar, and a full-featured table with status badges, currency columns, and totals row.
| Campaign Info | Performance | |||||
|---|---|---|---|---|---|---|
| Status | Campaign name | Total cost | Product sales | Total sales | Impressions | |
| Total | — | $10,800 | $6,780 | $19,100 | 313,400 | |
| Active | Spring Push | $1,200 | $800 | $2,400 | 45,200 | |
| Inactive | Brand Defense | $800 | $400 | $1,600 | 32,100 | |
| Active | Prime Day | $5,000 | $3,200 | $8,400 | 128,000 | |
| Active | Holiday Sale | $3,200 | $2,100 | $5,600 | 89,400 | |
| Inactive | Clearance Q1 | $600 | $280 | $1,100 | 18,700 | |