base.json

Base Brand Identity

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

Quick Facts

Field Value
Primary #1E4D2B
Accent #B2DD79
Body Font Arial
Heading Font Arial

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: homeowners looking for reliable power solutions

Base 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": "Pp Neue Montreal Variable",
      "role": "unknown"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#1E4D2B",
    "secondary": "#D6F0B4",
    "accent": "#B2DD79",
    "background": "#F0EEEB",
    "textPrimary": "#292826",
    "link": "#B2DD79"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Arial",
      "heading": "Arial"
    },
    "fontStacks": {
      "heading": [
        "Pp Neue Montreal Variable",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Pp Neue Montreal Variable",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Pp Neue Montreal Variable",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "54px",
      "h2": "45px",
      "body": "12px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "15px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#D8D7D5",
      "borderColor": null,
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#B2DD79",
      "textColor": "#1E4D2B",
      "borderRadius": "9px",
      "borderRadiusCorners": {
        "topLeft": "9px",
        "topRight": "9px",
        "bottomRight": "9px",
        "bottomLeft": "9px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#1E4D2B",
      "borderColor": "#AABEB8",
      "borderRadius": "9px",
      "borderRadiusCorners": {
        "topLeft": "9px",
        "topRight": "9px",
        "bottomRight": "9px",
        "bottomLeft": "9px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2054%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_596_1066)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.1091%209.75295C14.7055%209.22349%2015.0977%208.52569%2015.0977%207.70842C15.0977%205.83223%2013.6551%204.58325%2011.1811%204.58325H5.15301C4.81185%204.58325%204.53516%204.86292%204.53516%205.20774V14.7896C4.53516%2015.1344%204.81185%2015.4141%205.15301%2015.4141H11.5921C13.6417%2015.4141%2015.5087%2014.3715%2015.5087%2012.2889C15.5087%2011.1078%2014.9795%2010.2634%2014.1064%209.75023L14.1091%209.75295ZM7.42024%206.77169C7.42024%206.71467%207.46591%206.66851%207.52232%206.66851H11.2321C11.8983%206.66851%2012.3657%207.08393%2012.3657%207.71114C12.3657%208.33834%2011.952%208.75377%2011.2321%208.75377H7.52232C7.46591%208.75377%207.42024%208.70761%207.42024%208.65059V6.7744V6.77169ZM11.13%2013.3316H7.52232C7.46591%2013.3316%207.42024%2013.2854%207.42024%2013.2284V10.9368C7.42024%2010.8797%207.46591%2010.8336%207.52232%2010.8336H11.13C12.0998%2010.8336%2012.7794%2011.2517%2012.7794%2012.0826C12.7794%2012.9134%2012.1804%2013.3316%2011.13%2013.3316Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.3827%204.58325H21.1686C19.4869%204.58325%2018.0175%205.72634%2017.585%207.36631L15.6697%2014.6294C15.5649%2015.0258%2015.8604%2015.4168%2016.2687%2015.4168H17.9745C18.2539%2015.4168%2018.5011%2015.2267%2018.5709%2014.9525L19.0867%2012.9949C19.0974%2012.9487%2019.1404%2012.9188%2019.1861%2012.9188H24.016C24.0724%2012.9188%2024.1181%2012.965%2024.1181%2013.022V14.7923C24.1181%2015.1371%2024.3948%2015.4168%2024.736%2015.4168H26.3853C26.7265%2015.4168%2027.0032%2015.1371%2027.0032%2014.7923V5.20774C27.0032%204.86292%2026.7265%204.58325%2026.3853%204.58325H26.3827ZM24.1154%2010.7277C24.1154%2010.7847%2024.0698%2010.8309%2024.0133%2010.8309H19.7878C19.7206%2010.8309%2019.6696%2010.7657%2019.6884%2010.7005L20.4271%207.9012C20.6205%207.17082%2021.2733%206.66308%2022.0201%206.66308H24.0133C24.0698%206.66308%2024.1154%206.70924%2024.1154%206.76625V10.725V10.7277Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M27.9922%2012.6528C27.9922%2013.3859%2028.422%2014.1814%2029.2413%2014.7136C30.0606%2015.2403%2030.8612%2015.4141%2031.8793%2015.4141H34.4098C36.137%2015.4141%2037.1041%2015.2023%2037.816%2014.662C38.5305%2014.1162%2038.8878%2013.3044%2038.8878%2012.2971C38.8878%2010.391%2037.3163%209.53302%2033.8295%208.86509C32.2043%208.55556%2030.6892%208.41165%2030.6436%207.55637C30.6167%207.07035%2030.9417%206.66036%2031.9142%206.66036H34.8342C35.3365%206.66036%2035.6911%206.78255%2035.9786%207.19797C36.0699%207.33373%2036.1102%207.55909%2036.1263%207.76273C36.1451%208.01795%2036.3546%208.21616%2036.6072%208.21616H38.1222C38.4285%208.21616%2038.6756%207.96636%2038.6783%207.65683C38.6783%207.57538%2038.6783%207.48306%2038.6783%207.3826C38.6783%206.58977%2038.2162%205.78608%2037.3969%205.25933C36.583%204.72716%2035.3365%204.58325%2034.3184%204.58325H32.4783C30.7456%204.58325%2029.7651%204.83576%2029.056%205.38151C28.3468%205.92455%2027.9922%206.69838%2027.9922%207.70842C27.9922%2011.526%2036.1236%2010.4345%2036.1236%2012.4871C36.1236%2013.0953%2035.4762%2013.3316%2034.7429%2013.3316H31.8121C31.0707%2013.3316%2030.657%2012.984%2030.657%2012.46C30.657%2012.46%2030.7027%2011.8246%2030.0338%2011.8246H28.5483C28.242%2011.8246%2027.9922%2012.0771%2027.9922%2012.3867C27.9922%2012.4654%2027.9922%2012.555%2027.9922%2012.6528Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M49.4663%205.20774V6.0413C49.4663%206.38613%2049.1896%206.66579%2048.8484%206.66579H42.9735C42.9171%206.66579%2042.8714%206.71195%2042.8714%206.76897V8.64516C42.8714%208.70218%2042.9171%208.74834%2042.9735%208.74834H48.0237C48.3649%208.74834%2048.6416%209.028%2048.6416%209.37283V10.2064C48.6416%2010.5512%2048.3649%2010.8309%2048.0237%2010.8309H42.9735C42.9171%2010.8309%2042.8714%2010.877%2042.8714%2010.9341V13.2257C42.8714%2013.2827%2042.9171%2013.3288%2042.9735%2013.3288H48.8484C49.1896%2013.3288%2049.4663%2013.6085%2049.4663%2013.9533V14.7869C49.4663%2015.1317%2049.1896%2015.4114%2048.8484%2015.4114H40.6042C40.263%2015.4114%2039.9863%2015.1317%2039.9863%2014.7869V5.20774C39.9863%204.86292%2040.263%204.58325%2040.6042%204.58325H48.8484C49.1896%204.58325%2049.4663%204.86292%2049.4663%205.20774Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M48.8477%200H5.15232C2.30753%200%200%202.33234%200%205.20771V14.7923C0%2017.6677%202.30753%2020%205.15232%2020H48.8477C51.6925%2020%2054%2017.6677%2054%2014.7923V5.20771C54%202.33234%2051.6925%200%2048.8477%200ZM51.9396%2014.7923C51.9396%2016.5164%2050.5535%2017.9175%2048.8477%2017.9175H5.15232C3.44384%2017.9175%202.06039%2016.5191%202.06039%2014.7923V5.20771C2.06039%203.48086%203.44384%202.08254%205.15232%202.08254H48.8477C50.5535%202.08254%2051.9396%203.48357%2051.9396%205.20771V14.7896V14.7923Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3CclipPath%20id%3D%22clip0_596_1066%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3Crect%20width%3D%2254%22%20height%3D%2220%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E`

## UI Components

## Brand Personality

Tone: professional · Energy: medium · Audience: homeowners looking for reliable power solutions

## Base Brand in the Wild

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