Design System – Overview

The design system for PayerWatch, read from the brand folders of its brain in the vault. The brain holds 2 logo files, 10 colors, 1 typeface.

• Ground is #12182B. Dark only. There is no light-mode PayerWatch in the 2026 system.
• Mint #00FABB is a signal, not a surface. It measured 1.45% of rendered pixels across
• Never set mint type on white, 1.36:1. Mint copy exists only on the dark ground.
• #0032FA is a gradient wash only. It never fills, and it is never ink (2.38:1).
• No 2022 blue (#12058F, #211CD1, #050D57) in a digital asset. Those live in print
• Never write #00FABB8. The 2022 PDF's nine-character typo. The value is #00FABB.
• Momo Trust Sans only. Weight 600 for headings, 300 for body. The declared serif accent
• h1 is set solid (70/70) with +2.6px tracking. Do not add leading to "fix" a two-liner.

Logo

The logo files for PayerWatch that the brain holds, picked from its brand folders. The full set, with every lockup and format, stays in the vault.

Clear space, minimum size and misuse rules are in the brand guide and the brand notes, not in these files.

Color

10 colors read from 03-brand/design-tokens.json, named as the brain names them. Colors the brain marks as superseded are left out. Click a color to copy its hex.

The first brand colors in the palette plus the lightest. Text color down the side, background across the top. Each pair shows the contrast ratio and whether it is safe for text.

Typography

One typeface read from 03-brand/interactive-brand-guide.html.

Specimens are drawn in a stand-in face. The licensed files are kept on the client drive and loaded in the client build.

Spacing and shape

Voice and tone

The full voice note is in the vault at 03-brand/voice-messaging.md.

Rubric