Concept “Fair Copy”

1 · Mark and wordmark

A fair copy is the clean, final transcription of a draft — the version both sides can sign. The mark is two quotation commas whose tails run along the edges of a page, holding it from top-left and bottom-right. Aubergine ink on parchment: an ink that is rich, serious and nobody else’s — not the blue of banks or the green of heritage — with surfaces the colour of good paper. Type is chosen for reading: Atkinson Hyperlegible Next for the UI (designed for low-vision readers, which is also a fairness statement — its slashed zero and unambiguous I/l/1 are the point) and Literata for the export.

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

Aubergine owns no status hue, so accepted and reply-due take green and amber. Disputed is deliberately cool — a muted slate blue — because a dispute on this product is a second account placed beside the first, not a warning; the two accounts sit side by side in the same calm colour family as the page. Superseded is grey with a strike. All four carry a shape as well as a colour.

3 · Type

Licence. Atkinson Hyperlegible Next — Braille Institute, SIL Open Font License 1.1. Literata — TypeTogether for Google, SIL OFL 1.1. Self-hosted Latin-subset woff2 (variable 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-fair-copy",
 "stylePreset": "console",
 "radius": "8px",
 "colors": {
  "light": {
   "bg": "#F7F3EC",
   "surface": "#FFFFFF",
   "surfaceAlt": "#EFE9DE",
   "border": "#D8CFC2",
   "text": "#2A1F33",
   "textMuted": "#6A5E73",
   "brand": "#4A2A5C",
   "brandText": "#4A2A5C",
   "onBrand": "#FFFFFF",
   "accent": "#7A4E9A",
   "accentText": "#5E3A78",
   "rail": "#2E1A3A",
   "railText": "#D6C8DE",
   "railTextActive": "#FFFFFF",
   "railActiveSurface": "#5A3A70",
   "status": {
    "accepted": {
     "fg": "#23704A",
     "bg": "#DCEFE3"
    },
    "replyDue": {
     "fg": "#855500",
     "bg": "#F8EBD0"
    },
    "disputed": {
     "fg": "#4B6688",
     "bg": "#E4EAF3"
    },
    "superseded": {
     "fg": "#6B6472",
     "bg": "#E9E5EA"
    }
   }
  },
  "dark": {
   "bg": "#140F1A",
   "surface": "#1E1726",
   "surfaceAlt": "#281F33",
   "border": "#3B3047",
   "text": "#EFE8F3",
   "textMuted": "#AFA4B8",
   "brand": "#8657A8",
   "brandText": "#D6B8E8",
   "onBrand": "#FFFFFF",
   "accent": "#C6A2DC",
   "accentText": "#D6B8E8",
   "rail": "#0E0A12",
   "railText": "#C6B8CE",
   "railTextActive": "#FFFFFF",
   "railActiveSurface": "#4E3262",
   "status": {
    "accepted": {
     "fg": "#8FD7A8",
     "bg": "#1B3F2A"
    },
    "replyDue": {
     "fg": "#F1C86F",
     "bg": "#3E3012"
    },
    "disputed": {
     "fg": "#AEC6E6",
     "bg": "#22334C"
    },
    "superseded": {
     "fg": "#ABA3B3",
     "bg": "#2C2535"
    }
   }
  }
 },
 "fonts": {
  "ui": {
   "family": "Atkinson Hyperlegible Next",
   "files": [
    "assets/fonts/atkinson-hyperlegible-next-400-normal.woff2",
    "assets/fonts/atkinson-hyperlegible-next-400-italic.woff2"
   ]
  },
  "document": {
   "family": "Literata",
   "files": [
    "assets/fonts/literata-400-normal.woff2",
    "assets/fonts/literata-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"
}