PilotCircuits design lab

Design materials

Every material is designed and approved here before it reaches a product screen. The specimens are the real React components — the lab is a gallery over the shipping code, not a mockup of it.

124 materials across 9 batches · reviewed in order

  1. 0FoundationsColour, wire palette, type, spacing, radius, motion, focus, copy10Approved
  2. 1AtomsButtons, badges, chips, inputs, segmented control, progress22Approved
  3. 2MoleculesCards, panels, tabs, toolbars, popovers, modals, alerts17Approved
  4. 3Circuit canvasBoard, breadboard, sensor, servo, LEDs, wires, rings, overlays24Approved
  5. 4Agent workspaceGuidance, findings, corrections, activity timeline, tool details16Approved
  6. 5Device & testDock, serial monitor, telemetry, test runner rows7Approved
  7. 6Project libraryProject cards, illustrations, filters, kit checklist, icons11Approved
  8. 7Workbench & inspectionTopbar, step rail, four-zone layout, vision overlays, demo menu11Approved
  9. 8ScreensDashboard, library, detail, workbench, completion6Approved