Design · hiring-radar

Mission-control system for a job-hunt radar: phosphor on near-black, data-dense, mono numerics.

The complete system

Foundations plus every component, rendered straight from the Claude Design handoff.

Foundations
hiring-radar foundations
Components
Core, Buttons, IconButtons, Icons
Core, Buttons, IconButtons, Icons · Actions, icon controls, the Lucide-style glyph set
Data, Tags, Badges, Gauge, Scorecards, JobRow
Data, Tags, Badges, Gauge, Scorecards, JobRow · The instrument: status badges, match strength, score gauge, metric tiles, posting rows
Forms, Inputs, Select, Slider, Toggle
Forms, Inputs, Select, Slider, Toggle · Text/search inputs, selects, salary slider, toggle, with focus & error states
Navigation, Tabs, Segmented, Progress
Navigation, Tabs, Segmented, Progress · Filter tabs with mono counts, search-mode segmented control, thin progress lines
Feedback, Toasts, Banners, Skeletons, Empty/Error
Feedback, Toasts, Banners, Skeletons, Empty/Error · Toasts with retry/undo, banners, shimmer skeletons, empty & recovery error states
Overlays, Palette, Modal, Confirm, Menu, Tooltip, Drawer
Overlays, Palette, Modal, Confirm, Menu, Tooltip, Drawer · ⌘K command palette, dialogs, destructive confirm, dropdown menu, tooltips
Brand
Radar motif, conic sweep + blips
Radar motif, conic sweep + blips · The core metaphor: 4s linear sweep, blip pings on new signal. Honors reduced-motion
Logo, radar mark + wordmark
Logo, radar mark + wordmark · Phosphor sweep mark. 'Radar' always in phosphor; clear-space = mark height