{
  "trust_level": "claimed",
  "official_brand_source": false,
  "verification_method": null,
  "verified_domain": null,
  "verified_at": null,
  "verification_last_checked_at": null,
  "verification_expires_at": null,
  "status": "active",
  "customer_handle": "interface-ai-c4f5e1a8",
  "certification_status": "not_certified",
  "registry_certified": false,
  "certification": null,
  "brand_name": "interface.ai",
  "response_scope": "full_tree",
  "integrity": {
    "version": 2,
    "publication_id": "25b2cf9f498480bc8ef8ef19a8adb788a0939a2780673cc2ebaae82df575f691",
    "revision_id": "8a622a00-3698-424d-b5fa-16acf31b7cf7",
    "manifest_sha256": "a47e1f29664b295c64541e71dd8a8dfc2b13394f5e0f9f3700372ec655e39e76",
    "manifest_signature": "xSap1zlTrgJKEvvX1uso36p/AvrJ2f/CdVdpITnWvLOOnAKa+8XcJ9+6/B7MlIWH9fa/fVkAuW+1Wb1uzGB2Bg==",
    "manifest_signature_kid": "v1"
  },
  "verified": null,
  "schema": "bcp-readable-package-v1",
  "integrity_scope": "publication_manifest",
  "representation": "Derived readable representation; verify signatures against the canonical source files.",
  "canonical_registry_url": "https://registry.brandcontextprotocol.dev/brands/interface-ai-c4f5e1a8",
  "html_url": "https://registry.encodedbrands.ai/brands/interface-ai-c4f5e1a8",
  "files": [
    {
      "path": "/.well-known/brand/visual.md",
      "content": "---\nbcp_version: \"1.1.1\"\nfile_type: visual\nparent: https://registry.brandcontextprotocol.dev/interface-ai-c4f5e1a8/.well-known/brand.md\nlast_updated: 2026-09-24\n---\n\n# Visual guidance\n\n> Public-source demonstration. These observations come from live interface.ai HTML, theme CSS, and Elementor kit variables checked 24 September 2026. They are website implementation evidence, not an official brand-guidelines pack. interface.ai has not reviewed or approved them. This file does not claim parity with a design system.\n\n## Authority and DAM\n\nCanonical visual assets are referenced by URL on interface.ai. They are not assets hosted by Encoded or the Registry.\n\n```yaml\nasset_distribution:\n  status: observed\n  hosts:\n    - name: \"interface.ai WordPress uploads\"\n      serves: \"Logo SVG, favicon PNG, Elementor self-hosted Manrope, IBM Plex Serif, and Roboto files\"\n    - name: \"interface.ai theme\"\n      serves: \"Theme CSS that repeats the blue and gold\"\n  rules:\n    - \"BCP records these paths so agents and demos can load the live faces and the logo.\"\n    - \"Encoded does not re-host or redistribute the binaries in the BCP package or the Encoder repo.\"\n    - \"Paths can change when the site is edited. Re-verify against the live page before republishing.\"\n    - \"Observed public URLs are implementation evidence, not a license grant.\"\n    - \"Encoded interface.ai /examples demos may hotlink them for a page whose audience includes the brand.\"\n```\n\n## Authority and gaps\n\n```yaml\nvisual_authority:\n  status: observed\n  source_grade: \"website CSS and assets, not an official guidelines pack\"\n  observed_pages:\n    - \"https://interface.ai/\"\n  observed_stylesheets:\n    - \"https://interface.ai/wp-content/themes/interface-ai/assets/css/styles.css?ver=1.0\"\n    - \"https://interface.ai/wp-content/themes/interface-ai/assets/css/outer.css?ver=1.0\"\n    - \"https://interface.ai/wp-content/themes/interface-ai/style.css?ver=1.0\"\n    - \"https://interface.ai/wp-content/uploads/elementor/css/base-desktop.css?ver=6a9a7bce4a2c1\"\n    - \"https://interface.ai/wp-content/uploads/elementor/google-fonts/css/manrope.css?ver=1743835746\"\n    - \"https://interface.ai/wp-content/uploads/elementor/google-fonts/css/ibmplexserif.css?ver=1743835758\"\n    - \"https://interface.ai/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1743835754\"\n  inline_evidence: \"Elementor kit variables in a style block on the homepage, including .elementor-kit-145 button rules.\"\n  not_confirmed:\n    - \"an official color system or accessibility pairing\"\n    - \"font licensing beyond the files the site already serves\"\n    - \"logo clear-space and minimum-size rules\"\n    - \"email-client support for the self-hosted faces\"\n    - \"which of the many observed radii is canonical\"\n  also_loaded_not_primary:\n    - \"Poppins from fonts.googleapis.com on the homepage. Not an Elementor global family.\"\n    - \"Inter and Bebas Neue named in theme CSS. Not the Elementor global stack.\"\n    - \"WordPress preset colors in the same HTML. Those are editor defaults, not the brand palette.\"\n```\n\n## Logo\n\nThe header logo on the homepage is the December 2023 SVG. A July 2023 SVG is in the markup with a `d-none` class. Both files use blue `#093EB0` and gold `#FDCD48`. Do not redraw the wordmark.\n\n```yaml\nlogo_usage:\n  generation_policy: official_assets_only\n  generation_instructions: \"Do not draw, trace, or retype the wordmark. Hotlink the SVG.\"\n  assets:\n    - role: \"header wordmark\"\n      url: \"https://interface.ai/wp-content/uploads/2023/12/interface-logo.svg\"\n      format: svg\n      viewbox: \"0 0 149 27\"\n      status: \"src on the visible header logo, checked 2026-09-24\"\n    - role: \"earlier wordmark, hidden in the header markup\"\n      url: \"https://interface.ai/wp-content/uploads/2023/07/interface-logo.svg\"\n      format: svg\n      viewbox: \"0 0 123 22\"\n      status: \"present with class d-none\"\n    - role: \"favicon\"\n      url: \"https://interface.ai/wp-content/uploads/2023/07/cropped-interface-favicon-512x512-1.png\"\n      format: png\n      status: \"HTTP 200 on 2026-09-24. Cropped sizes are also linked from the homepage head.\"\n  fills_observed_in_svg:\n    - \"#093EB0\"\n    - \"#FDCD48\"\n  forbidden_modifications:\n    - \"retyping interface.ai in another font\"\n    - \"stretching, rotating, outlining, or recoloring the SVG\"\n    - \"placing the logo where it implies interface.ai approval of this demonstration\"\n    - \"substituting a customer institution logo for the interface.ai mark\"\n```\n\n## Color\n\nElementor global colors on the homepage are the primary record. Theme CSS repeats the same blue and gold. Hex values are copied from the page.\n\n```yaml\ncolor:\n  observed_tokens:\n    - name: \"--e-global-color-primary\"\n      hex: \"#093EB0\"\n      role: \"primary blue. Body text color on the kit button. Repeated throughout theme CSS.\"\n    - name: \"--e-global-color-secondary\"\n      hex: \"#FDCD48\"\n      role: \"gold. Kit button background. Also the accent token.\"\n    - name: \"--e-global-color-accent\"\n      hex: \"#FDCD48\"\n      role: \"same gold as secondary\"\n    - name: \"--e-global-color-text\"\n      hex: \"#000000\"\n      role: \"Elementor text token\"\n    - name: \"--e-global-color-75a8165\"\n      hex: \"#06328E\"\n      role: \"deeper blue in the kit\"\n    - name: \"--e-global-color-6da534b\"\n      hex: \"#FFFFFF\"\n      role: \"white\"\n    - name: \"--e-global-color-28c3899\"\n      hex: \"#FDCD2D\"\n      role: \"gold variant in the kit and in theme CSS\"\n    - name: \"--e-global-color-4897664\"\n      hex: \"#F0C22A\"\n      role: \"gold variant\"\n    - name: \"--e-global-color-109498c\"\n      hex: \"#F2C42B\"\n      role: \"gold variant\"\n    - name: \"--e-global-color-6a3b855\"\n      hex: \"#F9B700\"\n      role: \"kit button hover background\"\n  observed_ink_and_surface:\n    - hex: \"#00091D\"\n      role: \"near-navy text on a white homepage button\"\n    - hex: \"#1B1D1C\"\n      role: \"near-black used often in theme CSS\"\n    - hex: \"#111827\"\n      role: \"dark neutral in homepage post CSS\"\n    - hex: \"#0F172A\"\n      role: \"dark neutral in homepage post CSS\"\n    - hex: \"#5A6577\"\n      role: \"muted text in homepage post CSS\"\n    - hex: \"#F3F8FF\"\n      role: \"pale blue surface in homepage post CSS\"\n    - hex: \"#EEF3FB\"\n      role: \"pale blue surface\"\n    - hex: \"#F3F7FF\"\n      role: \"pale blue surface in theme CSS\"\n  rules:\n    - \"Use #093EB0 and #FDCD48 as the pair. Gold is the button field. Blue is the wordmark color and the label on that gold button.\"\n    - \"Keep body text on white or pale blue, not on gold.\"\n    - \"Do not import WordPress preset oranges, purples, or gradients. They are editor defaults in the same HTML.\"\n    - \"Do not invent a neon or purple AI palette.\"\n    - \"Do not infer print values from this web sample.\"\n```\n\n## Typography\n\nFaces are self-hosted under the Elementor Google Fonts upload path. Encoded does not host the font files.\n\n```yaml\ntypography:\n  observed_families:\n    primary_and_text:\n      family: \"Manrope\"\n      token: \"--e-global-typography-primary-font-family\"\n      also: \"--e-global-typography-text-font-family\"\n      primary_observed: \"40px, weight 600, line-height 45px\"\n      text_observed: \"18px, weight 400, line-height 28px\"\n      evidence: \"Elementor global typography on the homepage\"\n    editorial:\n      family: \"IBM Plex Serif\"\n      token: \"--e-global-typography-d07686a-font-family\"\n      observed: \"28px, weight 300, line-height 46px, letter-spacing -0.3px. A second token is 22px italic.\"\n      evidence: \"Elementor global typography on the homepage\"\n    accent:\n      family: \"Roboto\"\n      token: \"--e-global-typography-accent-font-family\"\n      observed_weight: 500\n      evidence: \"Elementor global typography. Secondary to Manrope on this homepage.\"\n  observed_font_files:\n    - family: \"Manrope\"\n      style: normal\n      weights_sharing_file: [200, 300, 400, 500, 600, 700, 800]\n      format: woff2\n      subset: latin\n      url: \"https://interface.ai/wp-content/uploads/elementor/google-fonts/fonts/manrope-xn7gyhe41ni1adirggexsg.woff2\"\n      stylesheet: \"https://interface.ai/wp-content/uploads/elementor/google-fonts/css/manrope.css?ver=1743835746\"\n    - family: \"IBM Plex Serif\"\n      style: normal\n      weight: 400\n      format: woff2\n      subset: latin\n      url: \"https://interface.ai/wp-content/uploads/elementor/google-fonts/fonts/ibmplexserif-jizdrevnn1dox-zrz2x3pzvktiuf2zc.woff2\"\n      stylesheet: \"https://interface.ai/wp-content/uploads/elementor/google-fonts/css/ibmplexserif.css?ver=1743835758\"\n    - family: \"IBM Plex Serif\"\n      style: normal\n      weight: 300\n      format: woff2\n      subset: latin\n      url: \"https://interface.ai/wp-content/uploads/elementor/google-fonts/fonts/ibmplexserif-jizarevnn1dox-zrz2x3pzvkti20-si0q1s.woff2\"\n    - family: \"IBM Plex Serif\"\n      style: italic\n      weight: 400\n      format: woff2\n      subset: latin\n      url: \"https://interface.ai/wp-content/uploads/elementor/google-fonts/fonts/ibmplexserif-jizbrevnn1dox-zrz2x3pzvktiua6zutjg.woff2\"\n    - family: \"Roboto\"\n      style: normal\n      weights_sharing_file: [100, 200, 300, 400, 500, 600, 700, 800, 900]\n      format: woff2\n      subset: latin\n      url: \"https://interface.ai/wp-content/uploads/elementor/google-fonts/fonts/roboto-kfo7cnqeu92fr1me7ksn66agldtyluama3yuba.woff2\"\n      stylesheet: \"https://interface.ai/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1743835754\"\n  fallback_guidance:\n    landing: \"Load Manrope and IBM Plex Serif with @font-face from the URLs above. Keep Arial or Helvetica after Manrope, and Georgia after IBM Plex Serif, as last-resort fallbacks only.\"\n  rights_note: \"These URLs are observed public site evidence, not a license to redistribute the files. Do not copy the binaries into the Encoder repo.\"\n  rules:\n    - \"Use Manrope for headlines, body, and controls.\"\n    - \"Use IBM Plex Serif for a short editorial line, not for the whole page.\"\n    - \"Do not name the family without a src. The face will not load.\"\n    - \"Do not re-host the font files.\"\n```\n\n## Components and layout\n\n```yaml\ncomponents:\n  kit_button:\n    background: \"#FDCD48\"\n    foreground: \"#093EB0\"\n    font: \"Manrope, 20px, weight 700, line-height 30px\"\n    shadow: \"4px 4px 10px 0px rgba(0, 0, 0, 0.25)\"\n    hover_background: \"#F9B700\"\n    source: \".elementor-kit-145 button on the homepage\"\n  homepage_buttons:\n    - background: \"#FFFFFF\"\n      radius_px: 12\n      font: \"16px, weight 700\"\n    - background: \"transparent\"\n      border: \"1px solid rgba(255,255,255,0.24)\"\n      radius_px: 12\n      foreground: \"#FFFFFF\"\n    - background: \"#FFFFFF\"\n      foreground: \"#00091D\"\n      radius_px: 25\n      font: \"16px, weight 500\"\nlayout:\n  - \"Pale blue fields (#F3F8FF and nearby) sit under blue type.\"\n  - \"Gold is a button color, not a page wash.\"\n  - \"Radii on the homepage post CSS cluster at 10, 12, 16, 20, and 25px, plus full circles for avatars. There is no single house radius in the CSS.\"\n  - \"Use 12px for a primary marketing button unless the specific control on the live page uses 25px.\"\n```\n\n## Imagery\n\n```yaml\nimagery:\n  observed_assets:\n    - role: \"header logo\"\n      url: \"https://interface.ai/wp-content/uploads/2023/12/interface-logo.svg\"\n      page: \"https://interface.ai/\"\n    - role: \"favicon\"\n      url: \"https://interface.ai/wp-content/uploads/2023/07/cropped-interface-favicon-512x512-1.png\"\n      page: \"https://interface.ai/\"\n  rules:\n    - \"Hotlink the logo. Do not copy the SVG into the repo.\"\n    - \"Do not hotlink a customer institution's logo into an Encoded demonstration.\"\n    - \"Homepage photography and ebook cards are campaign art. Re-verify the path before use. Do not invent a dashboard.\"\n  forbidden_treatments:\n    - \"purple or neon gradients standing in for the blue and gold\"\n    - \"a robot, chip, or neural mesh as the logo\"\n    - \"a fake core-banking screenshot presented as a product result\"\n    - \"customer logos used as if those institutions approved this page\"\n```\n\n## Landing page notes\n\n- Load Manrope and IBM Plex Serif with @font-face from the recorded URLs.\n- Hotlink the December 2023 logo SVG.\n- Use a gold button with blue Manrope label, 12px radius, and the observed kit shadow.\n- Keep homepage figures dated. Leave customer dollar results and automation percentages off the page unless the quotation and speaker travel with them.\n- State that interface.ai is not a bank or a credit union.\n- Do not use an em dash. Follow voice.md and voice/anti-ai.md.\n- Footer provenance is enough on the with-BCP page. Do not put an Encoded notice above the brand work.\n",
      "signature": "lspHC/uQcQ1SlHyXvgTlbE8PhA4qma/MvjMdLviTE4LAo8gFF/1W4Hlgj0NH8GmhzXIBdspiojvmyq//b6jdAQ==",
      "sha256": "1aa07e6466c88b02c1861bfb0fbe0c82a7a97fca0c4e8ecc8db2ae5a1fb5d2fc",
      "kid": "v1",
      "content_type": "text/markdown; charset=utf-8",
      "html_url": "https://registry.encodedbrands.ai/brands/interface-ai-c4f5e1a8/files/visual",
      "json_url": "https://registry.encodedbrands.ai/brands/interface-ai-c4f5e1a8/files/visual/data.json",
      "source_url": "https://registry.encodedbrands.ai/brands/interface-ai-c4f5e1a8/source/visual.md",
      "canonical_source_url": "https://registry.brandcontextprotocol.dev/interface-ai-c4f5e1a8/.well-known/brand/visual.md"
    }
  ]
}
