brighterway.json

Brighterway Brand Identity

A complete profile of Brighterway's visual system — colors, typography, components, and personality — extracted from https://www.brighterway.ai/. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #EC4A0A
Accent #EC4A0A
Body Font Figtree
Heading Font Figtree

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: healthcare professionals

Brighterway Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

Working with these fonts

Not found on Google Fonts? Here are some suggestions:

  1. Open the company's homepage in a browser with DevTools open.
  2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
  3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
  4. For each captured font URL: right-click → Save As to download the file locally.
  5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Figtree",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#EC4A0A",
    "secondary": "#111827",
    "accent": "#EC4A0A",
    "background": "#FFFFFF",
    "textPrimary": "#0A0A0A",
    "link": "#4B5563"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Figtree",
      "heading": "Figtree"
    },
    "fontStacks": {
      "heading": [
        "Figtree",
        "sans-serif"
      ],
      "body": [
        "-apple-system",
        "BlinkMacSystemFont",
        "sans-serif"
      ],
      "paragraph": [
        "Figtree",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "30px",
      "body": "12px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "5px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#EC4A0A",
      "textColor": "#FFFFFF",
      "borderColor": "#9A3412",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0A0A0A",
      "borderColor": "#E5E5E5",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_84_2522)'%3e%3cg%20clip-path='url(%23clip1_84_2522)'%3e%3cpath%20d='M0%2015.9999C0%207.16333%207.16351%200%2015.9999%200C24.8365%200%2031.9998%207.16351%2032%2015.9999C32%2024.8365%2024.8365%2031.9998%2015.9999%2032C7.16333%2032%200%2024.8365%200%2015.9999ZM15.9999%2030.8006C24.1742%2030.8006%2030.8006%2024.1742%2030.8006%2015.9999C30.8006%207.82569%2024.1742%201.19923%2015.9999%201.19923C7.82569%201.19923%201.19923%207.82569%201.19923%2015.9999C1.19923%2024.1742%207.82569%2030.8006%2015.9999%2030.8006Z'%20fill='%23E8772E'/%3e%3cpath%20d='M16%2031.8399C24.7482%2031.8399%2031.84%2024.7481%2031.84%2015.9999C31.84%207.25172%2024.7482%200.159912%2016%200.159912C7.25185%200.159912%200.160034%207.25172%200.160034%2015.9999C0.160034%2024.7481%207.25185%2031.8399%2016%2031.8399Z'%20fill='%23EC4A0A'/%3e%3cg%20clip-path='url(%23clip2_84_2522)'%3e%3cg%20clip-path='url(%23clip3_84_2522)'%3e%3cpath%20d='M15.6067%207.09009H16.4065V10.1295H15.6067V7.09009Z'%20fill='white'/%3e%3cpath%20d='M15.5594%2021.8701H16.359V24.9097H15.5594V21.8701Z'%20fill='white'/%3e%3cpath%20d='M21.9009%2015.4124H24.9399V16.2096H21.9009V15.4124Z'%20fill='white'/%3e%3cpath%20d='M7.06006%2015.363H10.0995V16.1628H7.06006V15.363Z'%20fill='white'/%3e%3cpath%20d='M8.21741%2011.6315L8.6054%2010.9331L11.2611%2012.4055L10.8729%2013.106L8.21741%2011.6315Z'%20fill='white'/%3e%3cpath%20d='M11.4056%208.38137L12.0824%207.95654L13.6948%2010.5346L13.0179%2010.9571L11.4056%208.38137Z'%20fill='white'/%3e%3cpath%20d='M18.6333%2021.2002L19.3227%2020.8035L20.8424%2023.4356L20.1527%2023.8341L18.6333%2021.2002Z'%20fill='white'/%3e%3cpath%20d='M20.9568%2019.0747L21.3448%2018.3765L24.0046%2019.8489L23.6144%2020.5494L20.9568%2019.0747Z'%20fill='white'/%3e%3cpath%20d='M11.9055%2023.8708L11.2073%2023.4828L12.6797%2020.823L13.3802%2021.209L11.9055%2023.8708Z'%20fill='white'/%3e%3cpath%20d='M8.3728%2020.4932L7.95227%2019.8164L10.5282%2018.2039L10.9507%2018.881L8.3728%2020.4932Z'%20fill='white'/%3e%3cpath%20d='M21.2431%2013.3604L20.8424%2012.6665L23.4741%2011.1467L23.8752%2011.8408L21.2431%2013.3604Z'%20fill='white'/%3e%3cpath%20d='M19.2105%2011.082L18.51%2010.6921L19.9844%208.03638L20.6829%208.42455L19.2105%2011.082Z'%20fill='white'/%3e%3cpath%20d='M11.0715%2015.9902C11.0715%2013.2635%2013.2831%2011.0518%2016.0098%2011.0518C18.7343%2011.0518%2020.9441%2013.2635%2020.9441%2015.9902C20.9441%2018.7169%2018.7345%2020.9259%2016.0098%2020.9259C13.2831%2020.9264%2011.0715%2018.7169%2011.0715%2015.9902Z'%20fill='white'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_84_2522'%3e%3crect%20width='32'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_84_2522'%3e%3crect%20width='32'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip2_84_2522'%3e%3crect%20width='17.8799'%20height='17.8196'%20fill='white'%20transform='translate(7.06006%207.09009)'/%3e%3c/clipPath%3e%3cclipPath%20id='clip3_84_2522'%3e%3crect%20width='17.8799'%20height='17.8196'%20fill='white'%20transform='translate(7.06006%207.09009)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)

## UI Components