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.

Color Palette

Brand palette extracted from https://solidroad.com.

• primary: #F6D045
• secondary: #0E220E
• accent: #F6D045
• background: #F9F9F9
• textPrimary: #253825
• link: #253825

Typography

Each font links to its Google Fonts page where available.

• primary: Matter Regular
• heading: Matter Medium

Matter Regular Google Fonts →

Matter Medium Google Fonts →

Visual Assets

%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)

UI Components

Live previews rendered using Solidroad's actual button styles.

Input

• background: transparent
• textColor: #0E220E
• borderColor: null
• borderRadius: 0px
• shadow: none

Button Primary

• background: #F6D045
• textColor: #000000
• borderRadius: 12px
• shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px 0px inset

Button Secondary

• background: #EEF1EE
• textColor: #556355
• borderRadius: 8px
• shadow: none

Brand Personality

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

Solidroad Brand in the Wild

Brand Assets

Source: solidroad.com

Source: solidroad.com

Source: solidroad.com

Source: solidroad.com

Source: solidroad.com

Source: solidroad.com

Frequently Asked Questions

• What is Solidroad's primary brand color?
  Solidroad's primary brand color is #F6D045. It anchors the visual identity across their website, product UI, and marketing materials.

• What font does Solidroad use?
  Solidroad uses Matter Regular for body text and Matter Medium for headings. Fonts were detected on https://solidroad.com as part of their live design system.

• Does Solidroad use a light or dark theme?
  Solidroad's primary site uses a light color scheme, with a background of #F9F9F9.

• Where can I find Solidroad's logo?
  Solidroad's logo is available directly on their site (https://solidroad.com). The current logo URL is included in the machine-readable JSON profile linked above.

• How was this brand profile generated?
  This profile was extracted from https://solidroad.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Solidroad.