Patterns
A pattern is a composition, so it cannot be written before the primitives it composes exist. What follows is the shortlist the component audit identified, with what each is made of and what it is waiting on. That is useful now for scoping, and it becomes each page's outline later.
Six compositions that already repeat across the product, ordered by how often they appear.
A desktop table and a stacked mobile list rendered from the same data, switched with max-md:hidden / md:hidden rather than a JavaScript branch.
TableBadgeDropdownMenuPaginationCheckboxThe destructive gate: the confirm action stays disabled until the exact resource name has been typed.
AlertDialogInputLabelButtonThe h-14 surface header card, a section stack, and a save bar that only appears once the form is dirty. Repeated across four or more files today with no shared primitive.
CardSeparatorButtonSwitchInputNot-connected → connect modal → connected, with an account picker and a group of event switches. Five platform variants that differ only in title, copy and logo.
DialogSelectSwitchDropdownMenuAccordionWhat a surface says before it has any data — an illustration, one line of explanation and the single action that resolves it.
ButtonCardCover imagery with frosted labels over it, opening into a full-screen lightbox. The one place the system allows a backdrop blur.
MediaPillMediaLightboxAspectRatioCarousel