OptshunAboutProduct tourDesign system

Design system

Foundations, shadcn-based components, every product screen, workflows and the landing page. Click a board to open it full size.

Cover

Foundations · 1 boards

Cover
Cover

Foundations

Foundations · 6 boards

Section / Colour
Section / Colour
Section / Typography
Section / Typography
Section / Space, lines and shape
Section / Space, lines and shape
Section / Page anatomy
Section / Page anatomy
Section / Evidence and language
Section / Evidence and language
Section / Implementation mapping
Section / Implementation mapping

Icons

Foundations · 3 boards

header
header
Section / Icons
Section / Icons
Icon masters (do not edit instances here)
Icon masters (do not edit instances here)

Components · Actions & inputs

Components · 16 boards

Section / Button
Section / Button
Section / Button group
Section / Button group
Section / Toggle
Section / Toggle
Section / Toggle group
Section / Toggle group
Section / Input
Section / Input
Section / Input group
Section / Input group
Section / Textarea
Section / Textarea
Section / Select
Section / Select
Section / Native select
Section / Native select
Section / Combobox
Section / Combobox
Section / Checkbox
Section / Checkbox
Section / Radio group
Section / Radio group
Section / Switch
Section / Switch
Section / Slider
Section / Slider
Section / Field
Section / Field
Section / Kbd
Section / Kbd

Components · Status & evidence

Components · 9 boards

Section / Badge
Section / Badge
Section / Evidence badge
Section / Evidence badge
Section / Study status
Section / Study status
Section / Response code
Section / Response code
Section / Model chip
Section / Model chip
Section / Wave chip
Section / Wave chip
Section / Data status label
Section / Data status label
Section / Progress
Section / Progress
Section / Spinner & Skeleton
Section / Spinner & Skeleton

Components · Navigation & layout

Components · 15 boards

Section / App top bar
Section / App top bar
Section / Sidebar item
Section / Sidebar item
Section / Sidebar
Section / Sidebar
Section / Breadcrumb
Section / Breadcrumb
Section / Tabs
Section / Tabs
Section / Page header
Section / Page header
Section / Setup stepper
Section / Setup stepper
Section / Pagination
Section / Pagination
Section / Separator
Section / Separator
Section / Accordion
Section / Accordion
Section / Collapsible
Section / Collapsible
Section / Dropdown menu
Section / Dropdown menu
Section / Context menu
Section / Context menu
Section / Command
Section / Command
Section / Resizable
Section / Resizable

Components · Feedback & overlays

Components · 10 boards

Section / Alert
Section / Alert
Section / Inline field error
Section / Inline field error
Section / Alert dialog
Section / Alert dialog
Section / Dialog
Section / Dialog
Section / Sheet
Section / Sheet
Section / Drawer
Section / Drawer
Section / Popover
Section / Popover
Section / Hover card
Section / Hover card
Section / Tooltip
Section / Tooltip
Section / Toast
Section / Toast

Components · Data display

Components · 10 boards

Section / Exhibit
Section / Exhibit
Section / Card
Section / Card
Section / Metric
Section / Metric
Section / Table
Section / Table
Section / Data table toolbar
Section / Data table toolbar
Section / Description list
Section / Description list
Section / Item
Section / Item
Section / Sidenote
Section / Sidenote
Section / Provenance footer
Section / Provenance footer
Section / Coverage meter
Section / Coverage meter

Components · Research objects

Components · 12 boards

Section / Trial ribbon
Section / Trial ribbon
Section / Response card
Section / Response card
Section / Prompt preview
Section / Prompt preview
Section / Input diff
Section / Input diff
Section / Variable role row
Section / Variable role row
Section / Context record
Section / Context record
Section / Design matrix
Section / Design matrix
Section / Coding rule
Section / Coding rule
Section / Citation item
Section / Citation item
Section / Model configuration row
Section / Model configuration row
Section / Treatment definition card
Section / Treatment definition card
Section / Conjoint attribute table
Section / Conjoint attribute table

Components · Charts

Components · 13 boards

Section / Bar — default
Section / Bar — default
Section / Bar — multiple
Section / Bar — multiple
Section / Bar — horizontal
Section / Bar — horizontal
Section / Bar — stacked 100%
Section / Bar — stacked 100%
Section / Bar — negative / diverging
Section / Bar — negative / diverging
Section / Line — multiple with break
Section / Line — multiple with break
Section / Dot plot with intervals
Section / Dot plot with intervals
Section / Area — stacked expand
Section / Area — stacked expand
Section / Cross-tab heatmap
Section / Cross-tab heatmap
Section / Small multiples
Section / Small multiples
Section / Sparkline
Section / Sparkline
Section / Chart tooltip and legend
Section / Chart tooltip and legend
Section / Not used
Section / Not used

Components · Synthetic data & RT

Components · 11 boards

Section / Persona card
Section / Persona card
Section / Attribute row
Section / Attribute row
Section / Stimulus variant
Section / Stimulus variant
Section / Scenario matrix
Section / Scenario matrix
Section / Run monitor row
Section / Run monitor row
Section / Observation row
Section / Observation row
Section / Feature lineage row
Section / Feature lineage row
Section / Mask group row
Section / Mask group row
Section / Quality gate
Section / Quality gate
Section / Contribution row
Section / Contribution row
Section / Leakage check
Section / Leakage check

Components · Page templates

Components · 1 boards

Page template / List page
Page template / List page

Screens · Workspace & study overview

Screens · 2 boards

Screen / Workspace home
Screen / Workspace home
Screen / Study overview · Scrolled view
Screen / Study overview · Scrolled view

Screens · Setup: brief, facts & personas

Screens · 5 boards

Screen / Brief
Screen / Brief
Screen / Proposal review
Screen / Proposal review
Screen / Personas · Scrolled view
Screen / Personas · Scrolled view
Screen / Panel data import · Scrolled view
Screen / Panel data import · Scrolled view
Screen / Stimulus variants · Scrolled view
Screen / Stimulus variants · Scrolled view

Screens · Synthetic data generation

Screens · 5 boards

Screen / Question and answer schema
Screen / Question and answer schema
Screen / Models and plan (scrolled view)
Screen / Models and plan (scrolled view)
Screen / Pilot results (scrolled view)
Screen / Pilot results (scrolled view)
Screen / Collection run monitor (scrolled view)
Screen / Collection run monitor (scrolled view)
Screen / Synthetic dataset browser (scrolled view)
Screen / Synthetic dataset browser (scrolled view)

Screens · Responses & coding

Screens · 5 boards

Screen / Model comparison
Screen / Model comparison
Screen / Response list (scrolled view)
Screen / Response list (scrolled view)
Screen / Evidence sheet open (scrolled view)
Screen / Evidence sheet open (scrolled view)
Screen / Correct coding (scrolled view)
Screen / Correct coding (scrolled view)
Screen / Collection partly failed (scrolled view)
Screen / Collection partly failed (scrolled view)

Screens · Analysis & comparisons

Screens · 7 boards

Screen / Cross-tab builder
Screen / Cross-tab builder
Screen / Paired model comparison (scrolled view)
Screen / Paired model comparison (scrolled view)
Screen / Regression specification
Screen / Regression specification
Screen / Analysis versions (scrolled view)
Screen / Analysis versions (scrolled view)
Screen / Project to a larger audience
Screen / Project to a larger audience
Screen / Export tables
Screen / Export tables
Screen / Compare stimuli
Screen / Compare stimuli

Screens · Longitudinal tracking

Screens · 5 boards

Screen / Promote to tracker
Screen / Promote to tracker
Screen / Wave comparison
Screen / Wave comparison
Screen / Tracking view (scrolled view)
Screen / Tracking view (scrolled view)
Screen / Wave 4 detail
Screen / Wave 4 detail
Screen / Human longitudinal data
Screen / Human longitudinal data

Screens · Experiments & conjoint

Screens · 5 boards

Screen / Define treatment
Screen / Define treatment
Screen / Experiment results
Screen / Experiment results
Screen / Three meanings of why
Screen / Three meanings of why
Screen / Conjoint setup
Screen / Conjoint setup
Screen / Conjoint results
Screen / Conjoint results

Screens · Reports, settings & states

Screens · 4 boards

Screen / Client report · Scrolled view
Screen / Client report · Scrolled view
Screen / Report builder
Screen / Report builder
Screen / Model providers
Screen / Model providers
Screen / System states
Screen / System states

Screens · Feature network

Screens · 3 boards

Screen / Feature network (scrolled view)
Screen / Feature network (scrolled view)
registry table
registry table
th
th

Screens · RT signal & contribution

Screens · 5 boards

Screen / RT fit & quality gate · Scrolled view
Screen / RT fit & quality gate · Scrolled view
Screen / Contribution readout
Screen / Contribution readout
Screen / Contribution drill-down · Scrolled view
Screen / Contribution drill-down · Scrolled view
Screen / Leaf vs family masks
Screen / Leaf vs family masks
Screen / Contributions withheld · Scrolled view
Screen / Contributions withheld · Scrolled view

Workflows

Workflows · 9 boards

Legend / Workflows
Legend / Workflows
Workflow 0 / Core loop
Workflow 0 / Core loop
Workflow 1 / Add an AI study to existing research
Workflow 1 / Add an AI study to existing research
Workflow 2 / Design and pilot the question
Workflow 2 / Design and pilot the question
Workflow 3 / Inspect and analyse across models
Workflow 3 / Inspect and analyse across models
Workflow 4 / Test what information changes the answer
Workflow 4 / Test what information changes the answer
Workflow 5 / Synthetic conjoint
Workflow 5 / Synthetic conjoint
Workflow 6 / Track over time
Workflow 6 / Track over time
Workflow 7 / Client deliverable
Workflow 7 / Client deliverable

Screens · Insights, briefs & validation

Screens · 3 boards

Screen / Insight readout
Screen / Insight readout
Screen / GEO content brief · Scrolled view
Screen / GEO content brief · Scrolled view
Screen / Paid test brief
Screen / Paid test brief

Screens · GEO observation

Screens · 5 boards

Screen head
Screen head
Screen / Monitored questions (scrolled view)
Screen / Monitored questions (scrolled view)
Screen / Observation detail
Screen / Observation detail
Screen / Visibility over time
Screen / Visibility over time
Screen / Content evidence checklist
Screen / Content evidence checklist

Screens · Experiments workspace & learning

Screens · 1 boards

Screen / Experiments
Screen / Experiments

Screens · Team, integrations & notifications

Screens · 4 boards

Screen / Team & roles
Screen / Team & roles
Screen / Integrations · Scrolled view
Screen / Integrations · Scrolled view
Screen / Notifications
Screen / Notifications
Screen / Audit log
Screen / Audit log

Marketing · Landing page

Marketing · 2 boards

Landing / Desktop
Landing / Desktop
Landing / Mobile
Landing / Mobile