PHARMACY COMMUNITY CONNECT

Design system

CPL&R member app design references: click-through flows, reskin options, tokens and UI kit. HTML prototypes, not production code.

FLOWS

Unified member flow Auth → onboarding → tabs. Original theme (option 1a). Reskin options Exploration board. Row 1a / 2a / 3a.

GUIDELINES

Brand assetsWordmark and app icon. Brand statesPress, disabled, focus. Brand coloursBlue, teal, ink. Neutral coloursPage, border, muted. Pill coloursLPC / MHRA / unread. Semantic coloursDanger, success, warning. Card spacingPadding and gaps. RadiiCards, inputs, sheets. Spacing scaleGutters and hit areas. TitlesDM Sans 800. Body type14–16 / 1.45. Type weights400–800.

UI KIT

DisplayBanner, card, pill, tiles. FormsFields, buttons, radios. NavigationTab bar, headers, auth shell.