{
  "$description": "Meta brand tokens from unfairly.ai/brand-guidelines/meta, checked 2026-10-31. Design Tokens Community Group format 2025.10.",
  "color": {
    "paper": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.945,
          0.957,
          0.969
        ],
        "hex": "#f1f4f7"
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.039,
          0.075,
          0.09
        ],
        "hex": "#0a1317"
      }
    },
    "ink-muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.365,
          0.424,
          0.482
        ],
        "hex": "#5d6c7b"
      }
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.016,
          0.341,
          0.796
        ],
        "hex": "#0457cb"
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "accent-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.51,
          0.984
        ],
        "hex": "#0082fb"
      }
    },
    "night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11,
          0.169,
          0.2
        ],
        "hex": "#1c2b33"
      }
    },
    "on-night": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "meta-blue-cta": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.016,
          0.341,
          0.796
        ],
        "hex": "#0457cb"
      }
    },
    "meta-symbol-blue-light-end": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.51,
          0.984
        ],
        "hex": "#0082fb"
      }
    },
    "meta-symbol-blue-deep-end": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.392,
          0.878
        ],
        "hex": "#0064e0"
      }
    },
    "wordmark-ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11,
          0.169,
          0.2
        ],
        "hex": "#1c2b33"
      }
    },
    "text-ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.039,
          0.075,
          0.09
        ],
        "hex": "#0a1317"
      }
    },
    "muted-ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.365,
          0.424,
          0.482
        ],
        "hex": "#5d6c7b"
      }
    },
    "gray-surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.945,
          0.957,
          0.969
        ],
        "hex": "#f1f4f7"
      }
    },
    "locale-ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.11,
          0.118,
          0.129
        ],
        "hex": "#1c1e21"
      }
    },
    "social-icon-gray": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.275,
          0.353,
          0.412
        ],
        "hex": "#465a69"
      }
    },
    "placeholder-gray": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.392,
          0.463,
          0.522
        ],
        "hex": "#647685"
      }
    },
    "disabled-ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.267,
          0.337,
          0.392
        ],
        "hex": "#445664"
      }
    },
    "footer-hairline": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.882,
          0.886,
          0.89
        ],
        "hex": "#e1e2e3"
      }
    },
    "glass-slate": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.169,
          0.239,
          0.275
        ],
        "hex": "#2b3d46"
      }
    },
    "white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-primary-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.016,
          0.341,
          0.796
        ],
        "hex": "#0457cb"
      }
    },
    "button-primary-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "button-primary-hero-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.016,
          0.341,
          0.796
        ],
        "hex": "#0457cb"
      }
    },
    "button-primary-hero-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "glass-pill-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.039,
          0.075,
          0.09
        ],
        "hex": "#0a1317"
      }
    },
    "button-outline-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.267,
          0.337,
          0.392
        ],
        "hex": "#445664"
      }
    },
    "nav-link-text": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "category-tile-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.945,
          0.957,
          0.969
        ],
        "hex": "#f1f4f7"
      }
    },
    "feature-card-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "email-input-fill": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Archivo",
        "Arial Narrow",
        "Arial",
        "sans-serif"
      ]
    },
    "display-original": {
      "$type": "fontFamily",
      "$value": [
        "Optimistic VF"
      ],
      "$description": "Meta's own face (Meta's proprietary company typeface; no public licence or download (not published)). The stand-in above is the open alternative."
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "Figtree",
        "Arial",
        "sans-serif"
      ]
    },
    "body-original": {
      "$type": "fontFamily",
      "$value": [
        "Optimistic VF"
      ],
      "$description": "Meta's own face (Meta's proprietary company typeface (not published)). The stand-in above is the open alternative."
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "Menlo",
        "monospace"
      ]
    },
    "mono-original": {
      "$type": "fontFamily",
      "$value": [
        "Optimistic Mono VF"
      ],
      "$description": "Meta's own face (proprietary (not published)). The stand-in above is the open alternative."
    }
  },
  "typography": {
    "hero-display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 130,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1,
        "letterSpacing": {
          "value": -6.5,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 66,
          "family": "Archivo",
          "provenance": "observed"
        }
      }
    },
    "card-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 48,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.1667,
        "letterSpacing": {
          "value": 1.7,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 32,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "store-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 36,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.278,
        "letterSpacing": {
          "value": 1,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 28,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "feature-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 28,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.214,
        "letterSpacing": {
          "value": 1,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 24,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "hero-lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.25,
        "letterSpacing": {
          "value": 0.85,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "news-title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.25,
        "letterSpacing": {
          "value": 0.85,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 20,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "eyebrow": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.444,
        "letterSpacing": {
          "value": 0.6,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 18,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0.3,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 16,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "link": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.4286,
        "letterSpacing": {
          "value": 0.35,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 800,
        "lineHeight": 1.4286,
        "letterSpacing": {
          "value": 0.4,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 14,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    },
    "legal": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.body}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.333,
        "letterSpacing": {
          "value": 0.35,
          "unit": "px"
        }
      },
      "$extensions": {
        "ai.unfairly": {
          "phone_size_px": 12,
          "family": "Figtree",
          "provenance": "observed"
        }
      }
    }
  },
  "space": {
    "page-margin": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "page-margin-phone": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "section-padding": {
      "$type": "dimension",
      "$value": {
        "value": 80,
        "unit": "px"
      }
    },
    "section-padding-phone": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "card-gap": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "container-max": {
      "$type": "dimension",
      "$value": {
        "value": 1376,
        "unit": "px"
      }
    },
    "nav-height": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    }
  },
  "radius": {
    "button-primary": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-primary-hero": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "glass-pill": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "button-outline": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    },
    "nav-link": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "category-tile": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "product-card": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "feature-card": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "email-input": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    }
  },
  "motion": {
    "button-hover-duration": {
      "$type": "duration",
      "$value": {
        "value": 100,
        "unit": "ms"
      }
    }
  }
}