greenly.json

Greenly Brand Identity

A complete profile of Greenly's visual system — colors, typography, components, and personality — extracted from https://greenly.earth/en-us. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #031F18
Accent #2FCE65
Body Font Inter
Heading Font Inter

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: environmentally conscious individuals and businesses

Greenly Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help:

  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.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

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": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#031F18",
    "secondary": "#354C46",
    "accent": "#2FCE65",
    "background": "#FFFFFF",
    "textPrimary": "#354C46",
    "link": "#354C46"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "PangeaMedium",
        "PangeaMedium Fallback",
        "sans-serif"
      ],
      "body": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "36px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#455451",
      "borderColor": "#C7D1CE",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgba(27, 28, 29, 0.05) 0px 1px 2px 0px"
    },
    "buttonPrimary": {
      "background": "#2FCE65",
      "textColor": "#031F18",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderColor": "#C7D1CE",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20109%2027%22%20width%3D%22109%22%20height%3D%2227%22%20role%3D%22img%22%20aria-labelledby%3D%22logo-title%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Ctitle%20id%3D%22logo-title%22%20style%3D%22fill%3A%20none%20!important%3B%22%3ELogo%20Greenly%3C%2Ftitle%3E%3Cpath%20class%3D%22fill-%5B%23031F18%5D%22%20d%3D%22M100.012%2013.4931L96.7341%205.17804H91.25L97.6102%2018.8046L93.9109%2026.9931H99.1354L109%205.17804H103.776L100.012%2013.4931Z%22%20style%3D%22fill%3A%20rgb(3%2C%2031%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-%5B%23031F18%5D%22%20d%3D%22M91.0496%2022.0196V17.9309H90.9178C90.0417%2017.9309%2089.6523%2017.4766%2089.6523%2016.568V0.206726H84.8496V16.86C84.8496%2020.1051%2086.7317%2022.0196%2089.9443%2022.0196H91.0496Z%22%20style%3D%22fill%3A%20rgb(3%2C%2031%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-%5B%23031F18%5D%22%20d%3D%22M77.3596%205.17781C75.9156%205.17781%2073.9703%205.43746%2072.9968%207.18977V5.17786H68.2266V22.0195H72.9968V12.1547C72.9968%2010.0129%2074.2623%208.87718%2075.9822%208.87718C77.3775%208.87718%2078.4808%209.91559%2078.4808%2011.8626V22.0195H83.251V11.0189C83.251%207.22222%2080.702%205.17781%2077.3596%205.17781Z%22%20style%3D%22fill%3A%20rgb(3%2C%2031%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-%5B%23031F18%5D%22%20d%3D%22M40.66%2018.1707C38.7455%2018.1707%2037.4475%2017.1546%2037.1878%2014.6298H48.6428C48.6752%2014.3219%2048.6752%2013.9216%2048.6752%2013.6137C48.6752%208.62556%2045.3978%205.20776%2040.6276%205.20776C35.7276%205.20776%2032.3203%208.65635%2032.3203%2013.6137C32.3203%2018.6634%2035.7925%2022.0196%2040.8872%2022.0196C44.4567%2022.0196%2047.4421%2020.2645%2048.6752%2016.6928L44.6514%2015.338C43.8401%2017.3702%2042.5421%2018.1707%2040.66%2018.1707ZM40.6276%208.8103C42.0148%208.8103%2043.3856%209.60768%2043.8399%2011.1419H37.3174C37.7393%209.63847%2039.0456%208.8103%2040.6276%208.8103Z%22%20style%3D%22fill%3A%20rgb(3%2C%2031%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-%5B%23031F18%5D%22%20d%3D%22M58.6131%2018.1707C56.6986%2018.1707%2055.4006%2017.1546%2055.141%2014.6298H66.5959C66.6284%2014.3219%2066.6284%2013.9216%2066.6284%2013.6137C66.6284%208.62556%2063.3509%205.20776%2058.5807%205.20776C53.6807%205.20776%2050.2734%208.65635%2050.2734%2013.6137C50.2734%2018.6634%2053.7456%2022.0196%2058.8403%2022.0196C62.4098%2022.0196%2065.3952%2020.2645%2066.6284%2016.6928L62.6045%2015.338C61.7933%2017.3702%2060.4953%2018.1707%2058.6131%2018.1707ZM58.5807%208.8103C59.9679%208.8103%2061.3388%209.60768%2061.7931%2011.1419H55.2706C55.6924%209.63847%2056.9987%208.8103%2058.5807%208.8103Z%22%20style%3D%22fill%3A%20rgb(3%2C%2031%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-%5B%23031F18%5D%22%20d%3D%22M8.99573%2026.9885C15.2344%2026.9885%2017.9497%2024.9653%2017.9497%2021.9305C17.9497%2019.049%2015.2021%2017.1178%209.96547%2017.1178H8.99573C7.41182%2017.1178%204.39616%2017.1746%204.39616%2016.2549C4.39616%2015.2127%206.8623%2015.3091%208.60783%2015.3091C13.2626%2015.3091%2016.4627%2013.5312%2016.4627%2010.619C16.4627%209.36218%2015.9455%208.50385%2014.9435%207.82945C16.0425%207.61487%2017.1092%207.33898%2018.0143%206.97112L16.6908%203.79004C14.5251%204.86295%2011.7059%205.18469%208.92602%205.18469C4.49754%205.18469%201.27012%206.69523%201.27012%2010.0979C1.27012%2011.7532%202.04592%2012.8261%203.33891%2013.6538C1.46407%2014.1749%200%2015.274%200%2016.9293C0%2018.4314%201.27012%2019.4475%202.69241%2020.0606C0.979202%2020.735%200.00946144%2021.7773%200.00946144%2023.218C0.00946144%2025.1186%202.36916%2026.9885%208.99573%2026.9885ZM8.93108%2011.9372C6.89462%2011.9372%205.92488%2011.2014%205.92488%2010.0672C5.92488%208.93301%206.89462%208.13599%208.93108%208.13599C10.9352%208.13599%2011.8403%208.93301%2011.8403%2010.0672C11.8403%2011.2014%2010.9352%2011.9372%208.93108%2011.9372ZM8.9634%2023.7698C6.15115%2023.7698%205.11676%2023.2793%205.11676%2022.3903C5.11676%2021.5014%206.15115%2021.0109%208.9634%2021.0109C11.7757%2021.0109%2012.7777%2021.5014%2012.7777%2022.3903C12.7777%2023.2793%2011.7757%2023.7698%208.9634%2023.7698Z%22%20style%3D%22fill%3A%20rgb(3%2C%2031%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-%5B%23031F18%5D%22%20d%3D%22M24.3913%209.23487V13.679V22.0493H19.6211V5.17859H20.335C22.5752%205.17859%2024.3913%206.99465%2024.3913%209.23487Z%22%20style%3D%22fill%3A%20rgb(3%2C%2031%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22fill-primary-1%22%20d%3D%22M27.2133%2011.3081C28.3996%2011.1751%2031.4287%2010.4518%2032.9492%206.56497C31.363%205.06315%2028.916%204.70935%2026.9249%205.85514C25.2712%206.80676%2024.3906%208.53961%2024.3906%2010.324V11.3374L26.3693%2011.3377L26.3695%2011.3377C26.6516%2011.3387%2026.9327%2011.3396%2027.2133%2011.3081Z%22%20style%3D%22fill%3A%20rgb(47%2C%20206%2C%20101)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: [Favicon](https://greenly.earth/favicon.ico)

## UI Components

## Brand Personality

Tone: modern · Energy: medium · Audience: environmentally conscious individuals and businesses.

## Machine-Readable Profile