Concept “Counterpart”

1 · Mark and wordmark

A counterpart is the legal word for each party’s original of the same deed. The mark is two corner brackets holding one page from opposite sides; each bracket ends in the ball of a quotation mark, so the page is held and quoted. Deep ink on warm paper: the register of a bank ledger or a court bundle, with the ink carried rich rather than grey.

The mark is a single path with no text, so it survives as a favicon, a rail icon and a one-colour stamp. The wordmark is the UI face at 600 (Mutual) and 400 (Page); theme assets are rendered to PNG at build (logo.png · logo-dark.png · logo-rail.png · favicon.svg).

2 · Palette and the four states

Ink blue owns no status hue, so the four states take their natural colours: green for accepted, amber for a reply due, a muted plum for disputed (a second account, not an alarm), grey with a strike for superseded. Each state also has a shape — disc, ring, split bar, arrow — so the Fact page still reads in greyscale print.

3 · Type

Licence. Source Sans 3 and Source Serif 4 — Adobe, SIL Open Font License 1.1. Self-hosted Latin-subset woff2 (variable weight 400–700 + italic), no CDN call at runtime. Hashes use the system monospace stack, which needs no file.

4 · Contrast proof (WCAG 2.x, every text pair)

Computed at build from the token file below (relative-luminance formula); 4.5:1 is AA for body text. Borders and chip fills are non-text and are not held to it.

5 · theme＠1 tokens

Everything on these pages is one of these values. Style preset: console. The status block is the one extension the product needs beyond today’s theme keys.

{
 "kind": "theme@1",
 "name": "mutualpage-counterpart",
 "stylePreset": "console",
 "radius": "4px",
 "colors": {
  "light": {
   "bg": "#F5F3ED",
   "surface": "#FFFFFF",
   "surfaceAlt": "#ECE9E1",
   "border": "#D3CFC5",
   "text": "#15213A",
   "textMuted": "#596380",
   "brand": "#0F2A4F",
   "brandText": "#0F2A4F",
   "onBrand": "#FFFFFF",
   "accent": "#1D4E89",
   "accentText": "#1D4E89",
   "rail": "#0B1F3A",
   "railText": "#C5D1E4",
   "railTextActive": "#FFFFFF",
   "railActiveSurface": "#1F4A80",
   "status": {
    "accepted": {
     "fg": "#1C6B43",
     "bg": "#DDEFE4"
    },
    "replyDue": {
     "fg": "#845400",
     "bg": "#FAEDD2"
    },
    "disputed": {
     "fg": "#71487A",
     "bg": "#EFE4F0"
    },
    "superseded": {
     "fg": "#5F6676",
     "bg": "#E6E7EA"
    }
   }
  },
  "dark": {
   "bg": "#0B1526",
   "surface": "#122038",
   "surfaceAlt": "#192B48",
   "border": "#2B3F62",
   "text": "#E7ECF5",
   "textMuted": "#A4B3CA",
   "brand": "#3270C2",
   "brandText": "#9CC0F0",
   "onBrand": "#FFFFFF",
   "accent": "#7FAEE8",
   "accentText": "#9CC0F0",
   "rail": "#060F1E",
   "railText": "#B9C7DE",
   "railTextActive": "#FFFFFF",
   "railActiveSurface": "#234E86",
   "status": {
    "accepted": {
     "fg": "#86D4A6",
     "bg": "#163A28"
    },
    "replyDue": {
     "fg": "#F0C56B",
     "bg": "#3C2E0F"
    },
    "disputed": {
     "fg": "#D7ACDA",
     "bg": "#3A2742"
    },
    "superseded": {
     "fg": "#A7B0C2",
     "bg": "#273244"
    }
   }
  }
 },
 "fonts": {
  "ui": {
   "family": "Source Sans 3",
   "files": [
    "assets/fonts/source-sans-3-400-normal.woff2",
    "assets/fonts/source-sans-3-400-italic.woff2",
    "assets/fonts/source-serif-4-400-normal.woff2",
    "assets/fonts/source-serif-4-400-italic.woff2"
   ]
  },
  "document": {
   "family": "Source Serif 4",
   "files": [
    "assets/fonts/source-sans-3-400-normal.woff2",
    "assets/fonts/source-sans-3-400-italic.woff2",
    "assets/fonts/source-serif-4-400-normal.woff2",
    "assets/fonts/source-serif-4-400-italic.woff2"
   ]
  },
  "licence": "SIL OFL 1.1 (notice in assets/fonts/OFL-NOTICE.txt)"
 },
 "logo": "assets/logo.png",
 "logoDark": "assets/logo-dark.png",
 "logoRail": "assets/logo-rail.png",
 "favicon": "assets/favicon.svg"
}