voxel energy.json

Voxel Energy Brand Identity

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

Quick Facts

Field Value
Primary #0000EE
Accent #F5D2BF
Body Font Inter
Heading Font Geist

Color Palette

Typography

Visual Assets

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals

Voxel Energy 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": "Geist",
      "role": "heading"
    },
    {
      "family": "Fragment Mono",
      "role": "monospace"
    },
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#1F2937",
    "accent": "#F5D2BF",
    "background": "#F2F1EF",
    "textPrimary": "#000000",
    "link": "#F5D2BF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Geist"
    },
    "fontStacks": {
      "heading": [
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "12px",
      "h2": "56px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%2522http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2522%20xmlns%3Axlink%3D%2522http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%2522%20viewBox%3D%25220%200%20137.009%2042.028%2522%20overflow%3D%2522visible%2522%3E%3Cpath%20d%3D%2522M%2051.197%2018.381%20L%2045.161%202.584%20L%2048.951%202.584%20L%2053.28%2014.732%20L%2057.584%202.584%20L%2061.374%202.584%20L%2055.361%2018.381%20L%2051.195%2018.381%20Z%20M%2069.695%202.324%20C%2074.422%202.324%2077.861%205.733%2077.861%2010.494%20C%2077.861%2015.255%2074.422%2018.665%2069.695%2018.665%20C%2064.967%2018.665%2061.552%2015.255%2061.552%2010.494%20C%2061.552%205.733%2064.991%202.324%2069.695%202.324%20Z%20M%2069.695%205.307%20C%2066.817%205.307%2064.967%207.534%2064.967%2010.494%20C%2064.967%2013.454%2066.817%2015.681%2069.695%2015.681%20C%2072.573%2015.681%2074.445%2013.431%2074.445%2010.494%20C%2074.445%207.558%2072.573%205.307%2069.695%205.307%20Z%20M%2089.772%2018.381%20L%2085.863%2012.602%20L%2081.933%2018.381%20L%2077.978%2018.381%20L%2083.64%2010.281%20L%2078.328%202.584%20L%2082.284%202.584%20L%2085.863%207.984%20L%2089.398%202.584%20L%2093.398%202.584%20L%2088.087%2010.257%20L%2093.749%2018.381%20Z%20M%2095.353%2018.381%20L%2095.353%202.584%20L%20106.397%202.584%20L%20106.397%205.473%20L%2098.675%205.473%20L%2098.675%208.909%20L%20106.233%208.909%20L%20106.233%2011.798%20L%2098.675%2011.798%20L%2098.675%2015.47%20L%20106.397%2015.47%20L%20106.397%2018.383%20L%2095.353%2018.383%20Z%20M%20109.369%2018.381%20L%20109.369%202.584%20L%20112.691%202.584%20L%20112.691%2015.42%20L%20119.291%2015.42%20L%20119.291%2018.381%20Z%20M%2046.823%2039.447%20L%2046.823%2023.65%20L%2057.867%2023.65%20L%2057.867%2026.539%20L%2050.145%2026.539%20L%2050.145%2029.975%20L%2057.704%2029.975%20L%2057.704%2032.864%20L%2050.145%2032.864%20L%2050.145%2036.536%20L%2057.867%2036.536%20L%2057.867%2039.449%20L%2046.823%2039.449%20Z%20M%2071.602%2039.447%20L%2064.161%2028.837%20L%2064.161%2039.447%20L%2060.839%2039.447%20L%2060.839%2023.65%20L%2064.254%2023.65%20L%2071.485%2033.882%20L%2071.485%2023.65%20L%2074.808%2023.65%20L%2074.808%2039.447%20Z%20M%2078.132%2039.447%20L%2078.132%2023.65%20L%2089.176%2023.65%20L%2089.176%2026.539%20L%2081.454%2026.539%20L%2081.454%2029.975%20L%2089.013%2029.975%20L%2089.013%2032.864%20L%2081.454%2032.864%20L%2081.454%2036.536%20L%2089.176%2036.536%20L%2089.176%2039.449%20L%2078.132%2039.449%20Z%20M%20100.971%2039.447%20L%2097.906%2033.787%20L%2095.472%2033.787%20L%2095.472%2039.447%20L%2092.15%2039.447%20L%2092.15%2023.65%20L%2099.451%2023.65%20C%20102.703%2023.65%20104.693%2025.806%20104.693%2028.742%20C%20104.693%2031.679%20102.96%2033.03%20101.277%2033.432%20L%20104.786%2039.447%20Z%20M%2098.96%2026.539%20L%2095.475%2026.539%20L%2095.475%2030.898%20L%2098.96%2030.898%20C%20100.293%2030.898%20101.301%2030.046%20101.301%2028.719%20C%20101.301%2027.391%20100.295%2026.539%2098.96%2026.539%20Z%20M%20114.664%2023.39%20C%20117.892%2023.39%20119.929%2024.975%20121.121%2026.847%20L%20118.36%2028.364%20C%20117.633%2027.251%20116.3%2026.376%20114.664%2026.376%20C%20111.833%2026.376%20109.773%2028.579%20109.773%2031.563%20C%20109.773%2034.546%20111.83%2036.749%20114.664%2036.749%20C%20116.09%2036.749%20117.355%2036.158%20118.033%2035.543%20L%20118.033%2033.624%20L%20113.869%2033.624%20L%20113.869%2030.735%20L%20121.31%2030.735%20L%20121.31%2036.773%20C%20119.718%2038.571%20117.495%2039.757%20114.664%2039.757%20C%20110.1%2039.757%20106.357%2036.536%20106.357%2031.563%20C%20106.357%2026.589%20110.1%2023.392%20114.664%2023.392%20Z%20M%20127.721%2039.447%20L%20127.721%2032.982%20L%20121.708%2023.652%20L%20125.498%2023.652%20L%20129.383%2029.999%20L%20133.22%2023.652%20L%20137.009%2023.652%20L%20131.043%2032.982%20L%20131.043%2039.447%20Z%20M%2036.181%2026.577%20L%2030.449%2022.361%20L%2027.517%2024.516%20L%2032.237%2027.987%20L%2020.169%2036.863%20L%2020.169%2027.225%20L%2036.181%2015.451%20C%2036.628%2015.122%2036.892%2014.599%2036.892%2014.041%20C%2036.892%2013.483%2036.628%2012.96%2036.181%2012.631%20L%2019.458%200.334%20C%2018.855%20-0.111%2018.037%20-0.111%2017.434%200.334%20L%200.711%2012.631%20C%200.264%2012.96%200%2013.483%200%2014.041%20C%200%2014.599%200.264%2015.125%200.711%2015.451%20L%206.81%2019.938%20L%209.74%2017.782%20L%204.652%2014.041%20L%2016.723%205.165%20L%2016.723%2014.801%20L%200.711%2026.577%20C%200.264%2026.906%200%2027.429%200%2027.987%20C%200%2028.546%200.264%2029.071%200.711%2029.398%20L%2017.434%2041.695%20C%2017.735%2041.917%2018.091%2042.028%2018.446%2042.028%20C%2018.801%2042.028%2019.157%2041.917%2019.458%2041.695%20L%2036.181%2029.398%20C%2036.628%2029.069%2036.892%2028.546%2036.892%2027.987%20C%2036.892%2027.429%2036.628%2026.906%2036.181%2026.577%20Z%20M%2018.446%2017.846%20L%2021.289%2019.938%20L%2024.22%2017.782%20L%2020.169%2014.803%20L%2020.169%205.168%20L%2032.237%2014.043%20L%2018.446%2024.185%20L%2015.97%2022.363%20L%2013.038%2024.519%20L%2016.723%2027.228%20L%2016.723%2036.865%20L%204.652%2027.99%20L%2018.446%2017.848%20Z%2522%20fill%3D%2522rgb(255%2C%20255%2C%20255)%2522%3E%3C%2Fpath%3E%3C%2Fsvg%3E",
  "favicon": "https://framerusercontent.com/images/0NpJeF8eFCJ8YZuS9BhahUhpY6Q.png",
  "ogImage": "https://framerusercontent.com/assets/VxDqZicaovii9ogtd11P7j0AQo.png",
  "logoHref": "./"
}