Quality

Before you ship

A checklist to tick through before any UI change merges. Your ticks stay in this browser only.

0 checked

#Brand and content

Every customer string is in the locked list, or added there first. No banned words in any UI string: dashboard, Weekwright Pro, Shopify, Stripe (and the rest of the list). Buttons say what happens. The only money and access actions are Connect your store, Manage billing, Continue to secure checkout. Errors say what went wrong and how to fix it, with no apology or jargon. Waiting states are one honest status line. No fake numbers or placeholder charts. Money is never summed across currencies, and the copy says so where it matters.

#Design system

Built from existing components. Anything new has a test and a row in the components table. No raw hex, pixel spacing, or font stacks in component CSS. Only tokens. One primary button per view. Accent only for primary action, ready, and positive change. Pop violet appears in at most two places, and never for status. Summary comes before detail: the answer is visible without scrolling. All numbers are mono, tabular (.num). Changes have a delta arrow. No new shadows, gradients, emoji, or decorative animation.

#Themes and responsive

Looks right in light and dark. A new dark value was added in both dark blocks of the tokens. Checked at 390px, at 768px, and at desktop. No horizontal scroll. Screenshots attached for light, dark, and 390px.

#Accessibility

Tabbed through with the keyboard. Focus ring is always visible. Every input has a label. Icon-only controls have a name. Icons are aria-hidden. New color pairings were checked at 4.5:1 or better in both themes. Status is not communicated by color alone.

#Process

The area’s checks ran, and the change says what was not tested. Docs changed with behavior, in the same change. A brand change was made in the brand repo first, and the app change is linked.