SableDesign reference

Components

Components

Primitives compose everything else. Every page has interactive controls and shows the component in forced light and forced dark side by side, so the copy in the RN app and web client can be visually verified against a single canonical render.

Primitives

Box · StackLayout — flex + token spacing.TextSix type tokens plus mono.PressableUnified press/hover/focus target.IconTabler wrapper with size + stroke locked.

Core

ButtonPrimary · secondary · ghost · danger.TextFieldInput · TextArea · masked.ChipRecipient chip · domain chip.BadgeImportance · status · count.ToggleOn/off switch — settings screens.CardRaised surface container.ListRowThe inbox row.AvatarInitials circle with domain tint.SnackbarUndo affordance for triage.

App composites

DomainChipIdentity marker — the through-line.MessageCardAdaptive, collapsible thread message.TriageCardThe swipe card — actually swipeable.RuleRowOne row in the notification-rules editor.