{
  "id": "fastmail",
  "version": "1.0.0",
  "name": "Fastmail",
  "description": "Fastmail is an independent, privacy-respecting email-and-calendar service operated from Australia — positioned as the \"no-tracking, no-ads, paid-by-customers\" alternative to consumer webmail. The visual identity is built on a confident Fastmail Blue (#0067B9) as the primary CTA and a Deep Blue navy (#243959) as the brand-anchor trust hue, supported by a warm Mellow Yellow (#FBF7EF) paper surface and a distinctive four-color \"flag\" separator (Pink, Blue, Light Blue, Yellow) that appears at the footer of every marketing page. Typography uses Proxima Nova as the licensed primary face. The voice is professional, technical, and quietly confident — the brand reads as a serious, long-standing email service rather than a venture-backed productivity startup.\n",
  "provenance": {
    "source": "https://www.fastmail.com/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Fastmail and the Fastmail wordmark are trademarks of Fastmail Pty Ltd. Brand colors and identity guidance documented here are derived from the deployed stylesheet on fastmail.com on 2026-05-18 (--brand-color-*, --theme-*, --ui-color-* token families).\n",
    "importedDate": "2026-05-18",
    "notes": "Derived from live site CSS at https://www.fastmail.com on 2026-05-18; no public brand guide located. Fastmail's marketing site exposes a comprehensive brand-color token surface on the document root — the values here are the canonical brand-defining hues plus the baseline neutral ramp. The brand's primary typeface is Proxima Nova (licensed from Mark Simonson Studio) — referenced via the proxima-nova@1 atom; Inter@1 is the open-source rendering substitute when Proxima Nova is unavailable.\n"
  },
  "tags": [
    "fastmail",
    "email",
    "brand",
    "blue",
    "professional",
    "privacy",
    "independent"
  ],
  "palette": {
    "ref": "fastmail@1.0.0",
    "swatches": [
      {
        "id": "fastmail-blue",
        "name": "Fastmail Blue",
        "value": "#0067B9",
        "description": "Fastmail's primary action / CTA color — the dominant brand blue used for buttons, links, and primary affordances across the marketing site and product.\n",
        "aliases": []
      },
      {
        "id": "fastmail-blue-hover",
        "name": "Fastmail Blue Hover",
        "value": "#176BAD",
        "description": "Hover variant on the primary CTA.",
        "aliases": []
      },
      {
        "id": "fastmail-blue-active",
        "name": "Fastmail Blue Active",
        "value": "#296B9F",
        "description": "Pressed / active state of the primary blue.",
        "aliases": []
      },
      {
        "id": "fastmail-deep-blue",
        "name": "Fastmail Deep Blue",
        "value": "#243959",
        "description": "The navy \"trust\" hue used as the footer background and as the brand-anchor identity color in marketing surfaces. Reads as \"secure, established\" against the lighter primary blue.\n",
        "aliases": []
      },
      {
        "id": "fastmail-lightblue",
        "name": "Fastmail Light Blue",
        "value": "#69B3E7",
        "description": "The mid-light blue used in the footer flag-gradient and as the focus-ring / outline color on buttons.\n",
        "aliases": []
      },
      {
        "id": "fastmail-mellow-yellow",
        "name": "Fastmail Mellow Yellow",
        "value": "#FBF7EF",
        "description": "The warm off-white \"mellow\" surface — a paper-toned canvas used on marketing modules as the calm alternative to pure white.\n",
        "aliases": []
      },
      {
        "id": "fastmail-yellow",
        "name": "Fastmail Yellow",
        "value": "#FFC107",
        "description": "The saturated yellow used in the footer flag-gradient and for highlight accents.\n",
        "aliases": []
      },
      {
        "id": "fastmail-pink",
        "name": "Fastmail Pink",
        "value": "#FFA0C3",
        "description": "The blush-pink accent that opens the footer flag-gradient — a softer, warmer counterpoint to the dominant blues.\n",
        "aliases": []
      },
      {
        "id": "fastmail-text",
        "name": "Fastmail Text",
        "value": "#1B1E20",
        "description": "Primary body-text color — a soft near-black with a slight cool tint that pairs with the deep-blue brand anchor.\n",
        "aliases": []
      },
      {
        "id": "fastmail-text-alt",
        "name": "Fastmail Text Alt",
        "value": "#333E48",
        "description": "Alternate heading/text on lighter surfaces.",
        "aliases": []
      },
      {
        "id": "fastmail-text-subtle",
        "name": "Fastmail Text Subtle",
        "value": "#5B646C",
        "description": "Subtle/secondary text on light surfaces.",
        "aliases": []
      },
      {
        "id": "fastmail-text-extra-subtle",
        "name": "Fastmail Text Extra Subtle",
        "value": "#70777E",
        "description": "Tertiary text and inactive labels.",
        "aliases": []
      },
      {
        "id": "fastmail-border-light",
        "name": "Fastmail Border Light",
        "value": "#EAEBEC",
        "description": "Light border / divider on white surfaces.",
        "aliases": []
      },
      {
        "id": "fastmail-border-medium",
        "name": "Fastmail Border Medium",
        "value": "#D6D8DA",
        "description": "Mid-tone border on cards and inputs.",
        "aliases": []
      },
      {
        "id": "fastmail-bg-alt",
        "name": "Fastmail Background Alt",
        "value": "#F4F5F5",
        "description": "Alternate page-background tint (faint neutral surface).",
        "aliases": []
      },
      {
        "id": "fastmail-bg-focused",
        "name": "Fastmail Background Focused",
        "value": "#E9EBEE",
        "description": "Selected / focused row tint.",
        "aliases": []
      },
      {
        "id": "fastmail-white",
        "name": "Fastmail White",
        "value": "#FFFFFF",
        "description": "Base page background.",
        "aliases": []
      },
      {
        "id": "fastmail-success",
        "name": "Fastmail Success",
        "value": "#147B33",
        "description": "Success / send-confirmed (ui-color-successgreen-100).",
        "aliases": []
      },
      {
        "id": "fastmail-error",
        "name": "Fastmail Error",
        "value": "#B9031F",
        "description": "Error / destructive (ui-color-criticalred-100).",
        "aliases": []
      },
      {
        "id": "fastmail-warning",
        "name": "Fastmail Warning",
        "value": "#CA3C08",
        "description": "Warning / snooze (ui-color-snoozeorange-100).",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "fastmail-white",
          "surface": "fastmail-bg-alt",
          "surface-elevated": "fastmail-white",
          "surface-warm": "fastmail-mellow-yellow",
          "text-primary": "fastmail-text",
          "text-secondary": "fastmail-text-subtle",
          "text-tertiary": "fastmail-text-extra-subtle",
          "primary": "fastmail-blue",
          "primary-hover": "fastmail-blue-hover",
          "accent": "fastmail-blue",
          "accent-hover": "fastmail-blue-active",
          "warning": "fastmail-warning",
          "warning-hover": "fastmail-warning",
          "error": "fastmail-error",
          "success": "fastmail-success",
          "border": "fastmail-border-light"
        }
      },
      "dark": {
        "roles": {
          "background": "fastmail-deep-blue",
          "surface": "fastmail-text-alt",
          "surface-elevated": "fastmail-text-subtle",
          "text-primary": "fastmail-white",
          "text-secondary": "fastmail-border-light",
          "text-tertiary": "fastmail-border-medium",
          "primary": "fastmail-lightblue",
          "primary-hover": "fastmail-blue",
          "accent": "fastmail-lightblue",
          "accent-hover": "fastmail-blue",
          "warning": "fastmail-warning",
          "warning-hover": "fastmail-warning",
          "error": "fastmail-error",
          "success": "fastmail-success",
          "border": "fastmail-text-subtle"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "proxima-nova@1.0.0",
      "family": "proxima-nova",
      "classification": "sans-serif",
      "source": {
        "kind": "adobe-fonts",
        "family": "proxima-nova",
        "kitId": "adobe-fonts-kit-required"
      },
      "fallbackStack": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "body",
      "ref": "proxima-nova@1.0.0",
      "family": "proxima-nova",
      "classification": "sans-serif",
      "source": {
        "kind": "adobe-fonts",
        "family": "proxima-nova",
        "kitId": "adobe-fonts-kit-required"
      },
      "fallbackStack": [
        "Inter",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Helvetica Neue",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "normal"
        }
      ]
    },
    {
      "role": "mono",
      "ref": "jetbrainsmono-nerdfont@1.0.0",
      "family": "JetBrainsMono Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "JetBrainsMono Nerd Font",
        "notes": "Nerd-Font-patched build of JetBrains Mono. Not available via Google Fonts. Download woff2/ttf files from the Nerd Fonts GitHub release and self-host, or install system-wide for terminal/IDE use.\n"
      },
      "fallbackStack": [
        "JetBrains Mono",
        "Fira Code",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "fastmail-deep-blue",
      "on-identity": "fastmail-white",
      "primary": "fastmail-blue",
      "primary-hover": "fastmail-blue-hover",
      "accent": "fastmail-blue",
      "accent-hover": "fastmail-blue-active",
      "mark": "fastmail-blue",
      "flag-pink": "fastmail-pink",
      "flag-blue": "fastmail-blue",
      "flag-lightblue": "fastmail-lightblue",
      "flag-yellow": "fastmail-yellow",
      "surface-warm": "fastmail-mellow-yellow",
      "background": "fastmail-white",
      "surface": "fastmail-bg-alt",
      "text-primary": "fastmail-text",
      "text-secondary": "fastmail-text-subtle",
      "error": "fastmail-error",
      "success": "fastmail-success",
      "warning": "fastmail-warning"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "WCAG 2.1 Level AA contrast requirement for body text. Fastmail Text (#1B1E20) on Fastmail White clears AA at ~17:1, matching the marketing site's accessibility floor.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "contrastRatio",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Fastmail Blue (#0067B9) on Fastmail White clears AA at ~5.6:1 — the brand uses #0067B9 specifically because a lighter blue would drop below AA on small body-text links. The CTA blue MUST stay AA-compliant on the white canvas.\n",
      "against": "background",
      "minRatio": 4.5,
      "standard": "WCAG-AA"
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Fastmail's primary CTA is one of the three blue-family tokens. The supporting flag colors (Pink, Light Blue, Yellow) belong in the marketing flag-gradient and as illustration accents — they are NOT CTA colors and lack the AA contrast that the primary affordance demands.\n",
      "allowed": [
        "fastmail-blue",
        "fastmail-blue-hover",
        "fastmail-blue-active"
      ],
      "forbidden": [
        "fastmail-lightblue",
        "fastmail-pink",
        "fastmail-yellow"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Fastmail's wordmark is a single-color \"Fastmail\" set in Proxima Nova. Recolored, gradient, or shadowed treatments conflict with the brand's quietly confident, professional voice.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "gradient-fill",
        "on-busy-photo"
      ]
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.identity",
      "severity": "recommendation",
      "rationale": "The Deep Blue brand-anchor reads cleanest against the white and Mellow Yellow canvases, and forms the supporting role of the four-color flag gradient. Pairing it adjacent to the Error red or Warning orange status hues creates a chromatic conflict that competes with the trust-establishing intent of the navy.\n",
      "pairsWith": [
        "fastmail-white",
        "fastmail-mellow-yellow",
        "fastmail-pink",
        "fastmail-lightblue",
        "fastmail-yellow"
      ],
      "doesNotPairWith": [
        "fastmail-error",
        "fastmail-warning"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.surface-warm",
      "severity": "recommendation",
      "rationale": "Mellow Yellow (#FBF7EF) is a marketing-surface paper tone — used on hero modules and editorial blocks to soften the page. The Fastmail product chrome (the actual webmail UI) is white-canvas-first; substituting Mellow Yellow into the product surface breaks the marketing/product visual contract.\n",
      "allowedContexts": [
        "marketing-site",
        "hero",
        "editorial"
      ],
      "forbiddenContexts": [
        "product-chrome",
        "error-state"
      ]
    },
    {
      "type": "fontPairing",
      "target": "typography.heading",
      "severity": "recommendation",
      "rationale": "Fastmail uses Proxima Nova for both heading and body. A 1.4× minimum size ratio preserves hierarchy when one family does double duty across the marketing site's fluid type scale (the site declares a --fluid-font-0 through --fluid-font-11 ramp).\n",
      "requires": "body",
      "minSizeRatio": 1.4
    },
    {
      "type": "enumMembership",
      "target": "typography.body.fontWeight",
      "severity": "recommendation",
      "rationale": "Fastmail's Proxima Nova use is restrained to four weights — Regular (400), Medium (500), Semibold (600), Bold (700). Lighter weights are not part of the brand's typographic voice; heavier-than-Bold conflicts with the professional, not-shouty visual register.\n",
      "allowed": [
        "400",
        "500",
        "600",
        "700"
      ]
    }
  ]
}