solidroad.json

Solidroad Brand Identity

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

Quick Facts

Field Value
Primary #F6D045
Accent #F6D045
Body Font Matter Regular
Heading Font Matter Medium

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: businesses and tech professionals

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Matter Regular",
      "role": "body"
    },
    {
      "family": "Matter Medium",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#F6D045",
    "secondary": "#0E220E",
    "accent": "#F6D045",
    "background": "#F9F9F9",
    "textPrimary": "#253825",
    "link": "#253825"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Matter Regular",
      "heading": "Matter Medium"
    },
    "fontStacks": {
      "heading": [
        "Matter Medium",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Matter Regular",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "36px",
      "body": "19px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#0E220E",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#F6D045",
      "textColor": "#000000",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(0, 0, 0, 0.15) 0px -1px 0px 0px inset"
    },
    "buttonSecondary": {
      "background": "#EEF1EE",
      "textColor": "#556355",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "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%20142%2026%2522%3E%3Cg%20transform%3D%2522translate(0.645%200.567)%2522%3E%3Cpath%20d%3D%2522M%20131.811%2025.377%20C%20126.475%2025.377%20123.329%2021.621%20123.329%2016.162%20C%20123.329%2010.704%20126.475%206.947%20131.74%206.947%20C%20133.967%206.947%20135.875%207.87%20136.9%209.216%20L%20136.9%200%20L%20141.353%200%20L%20141.353%2025.093%20L%20138.867%2025.093%20L%20136.9%2023.037%20C%20136.017%2024.455%20134.038%2025.376%20131.811%2025.376%20Z%20M%20132.447%2021.513%20C%20135.31%2021.513%20137.184%2019.387%20137.184%2016.162%20C%20137.184%2012.938%20135.31%2010.811%20132.447%2010.811%20C%20129.585%2010.811%20127.747%2012.938%20127.747%2016.162%20C%20127.747%2019.387%20129.621%2021.513%20132.447%2021.513%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%20113.803%206.947%20C%20118.468%206.947%20121.651%209.464%20121.651%2014.212%20L%20121.651%2025.093%20L%20119.949%2025.093%20L%20117.338%2022.505%20C%20116.349%2024.242%20114.192%2025.376%20112.001%2025.376%20C%20108.503%2025.376%20106.064%2023.107%20106.064%2020.059%20C%20106.064%2016.551%20108.714%2014.672%20114.015%2014.105%20L%20117.338%2013.786%20L%20117.338%2013.609%20C%20117.338%2011.59%20115.96%2010.349%20113.803%2010.349%20C%20111.86%2010.349%20110.482%2011.553%20110.269%2013.467%20L%20106.311%2012.758%20C%20106.876%209.213%20110.022%206.946%20113.803%206.946%20Z%20M%20112.99%2022.08%20C%20115.748%2022.08%20117.338%2019.99%20117.338%2017.367%20L%20117.338%2016.977%20L%20113.945%2017.367%20C%20111.576%2017.651%20110.375%2018.643%20110.375%2019.919%20C%20110.375%2021.195%20111.365%2022.08%20112.99%2022.08%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2095.633%2025.377%20C%2090.226%2025.377%2086.338%2021.479%2086.338%2016.162%20C%2086.338%2010.846%2090.226%206.947%2095.633%206.947%20C%20101.041%206.947%20104.928%2010.846%20104.928%2016.162%20C%20104.928%2021.479%20101.041%2025.377%2095.633%2025.377%20Z%20M%2095.633%2021.513%20C%2098.496%2021.513%20100.441%2019.352%20100.441%2016.162%20C%20100.441%2012.973%2098.496%2010.811%2095.633%2010.811%20C%2092.771%2010.811%2090.826%2012.973%2090.826%2016.162%20C%2090.826%2019.352%2092.735%2021.513%2095.633%2021.513%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2062.513%2025.377%20C%2057.177%2025.377%2054.03%2021.621%2054.03%2016.162%20C%2054.03%2010.704%2057.177%206.947%2062.442%206.947%20C%2064.669%206.947%2066.577%207.87%2067.602%209.216%20L%2067.602%200%20L%2072.055%200%20L%2072.055%2025.093%20L%2069.569%2025.093%20L%2067.602%2023.037%20C%2066.719%2024.455%2064.739%2025.376%2062.513%2025.376%20Z%20M%2063.149%2021.513%20C%2066.012%2021.513%2067.886%2019.387%2067.886%2016.162%20C%2067.886%2012.938%2066.012%2010.811%2063.149%2010.811%20C%2060.286%2010.811%2058.449%2012.938%2058.449%2016.162%20C%2058.449%2019.387%2060.323%2021.513%2063.149%2021.513%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2047.493%200%20L%2052.3%200%20L%2052.3%204.607%20L%2047.493%204.607%20Z%20M%2047.634%2025.093%20L%2047.634%207.23%20L%2052.087%207.23%20L%2052.087%2025.093%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2040.276%2025.093%20L%2040.276%200%20L%2044.729%200%20L%2044.729%2025.093%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2029.347%2025.377%20C%2023.94%2025.377%2020.052%2021.479%2020.052%2016.162%20C%2020.052%2010.846%2023.94%206.947%2029.347%206.947%20C%2034.755%206.947%2038.642%2010.846%2038.642%2016.162%20C%2038.642%2021.479%2034.755%2025.377%2029.347%2025.377%20Z%20M%2029.347%2021.513%20C%2032.21%2021.513%2034.155%2019.352%2034.155%2016.162%20C%2034.155%2012.973%2032.21%2010.811%2029.347%2010.811%20C%2026.485%2010.811%2024.54%2012.973%2024.54%2016.162%20C%2024.54%2019.352%2026.448%2021.513%2029.347%2021.513%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%209.542%2025.377%20C%204.664%2025.377%200.6%2022.082%200%2017.58%20L%204.277%2016.27%20C%204.666%2019.246%206.963%2021.267%209.72%2021.267%20C%2012.301%2021.267%2013.997%2020.026%2013.997%2018.149%20C%2013.997%2012.797%200.883%2015.809%200.883%206.807%20C%200.883%202.837%204.595%200.001%209.471%200.001%20C%2014.348%200.001%2017.883%202.518%2018.661%206.275%20L%2014.35%208.046%20C%2013.855%205.637%2012.052%204.112%209.471%204.112%20C%207.103%204.112%205.654%205.14%205.654%206.805%20C%205.654%2011.307%2018.873%207.975%2018.873%2018.04%20C%2018.873%2022.434%2015.127%2025.376%209.542%2025.376%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2074.5%2025.063%20C%2074.437%2021.898%2074.464%2018.471%2074.5%2015.297%20C%2074.514%2014.831%2074.541%2014.353%2074.647%2013.898%20C%2075.528%209.933%2079.131%206.954%2083.191%207.002%20C%2084.118%206.989%2085.047%206.984%2085.974%207.008%20L%2085.974%2011.695%20C%2085.047%2011.719%2084.118%2011.714%2083.191%2011.701%20C%2082.568%2011.69%2082.128%2011.71%2081.554%2011.87%20C%2080.642%2012.119%2079.76%2012.724%2079.375%2013.604%20C%2079.151%2014.09%2079.166%2014.607%2079.169%2015.124%20C%2079.213%2018.361%2079.234%2021.838%2079.173%2025.066%20L%2074.5%2025.066%20Z%2522%20fill%3D%2522rgb(14%2C34%2C14)%2522%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E
- Favicon: https://framerusercontent.com/images/8TmpbK7mSYryWuz9M7yD9usvk.png