Podium Brand Identity

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

Color Palette

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

• primary: #AF4E30 (rgb(175, 78, 48))
• secondary: #6B888C (rgb(107, 136, 140))
• accent: #AF4E30 (rgb(175, 78, 48))
• background: #FAFAF7 (rgb(250, 250, 247))
• textPrimary: #1C1D18 (rgb(28, 29, 24))
• link: #E9E1D8 (rgb(233, 225, 216))

Typography

Each font links to its Google Fonts page where available.

• primary: Graphik
• heading: Graphik

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".
3. Hard-reload the page and click around.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS and copy out the matching @font-face declarations.

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M97.9415%209.39628H101.731V11.0289C102.216%2010.0505%20103.463%209.12262%20104.944%209.12262C106.751%209.12262%20108.453%2010.038%20109.002%2011.7086C109.55%2010.1017%20110.928%209.12262%20112.674%209.12262C115.736%209.12262%20117.442%2011.289%20117.442%2014.7499V21.8464H113.652V15.3974C113.652%2013.5798%20113.125%2012.5342%20111.846%2012.5342C110.566%2012.5342%20109.587%2013.5301%20109.587%2015.7959V21.8464H105.797V15.3974C105.797%2013.5798%20105.27%2012.5342%20103.99%2012.5342C102.71%2012.5342%20101.731%2013.5301%20101.731%2015.7959V21.8464H97.9415V9.39628Z%22%20fill%3D%22%231C1D18%22%20style%3D%22fill%3A%20rgb(28%2C%2029%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M82.9578%2016.4925V9.39608H86.7473V15.8451C86.7473%2017.6626%2087.2744%2018.7083%2088.6799%2018.7083C90.0854%2018.7083%2091.0391%2017.737%2091.0391%2015.4462V9.39572H94.829V21.8455H91.0391V20.2128C90.482%2021.3371%2089.3326%2022.1191%2087.701%2022.1191C84.589%2022.1191%2082.9578%2019.8784%2082.9578%2016.4922%22%20fill%3D%22%231C1D18%22%20style%3D%22fill%3A%20rgb(28%2C%2029%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M79.9962%209.39584H76.2067V21.8456H79.9962V9.39584Z%22%20fill%3D%22%231C1D18%22%20style%3D%22fill%3A%20rgb(28%2C%2029%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M79.9965%203.71521H76.181V7.13752H79.9965V3.71521Z%22%20fill%3D%22%231C1D18%22%20style%3D%22fill%3A%20rgb(28%2C%2029%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M59.9271%2015.6209C59.9271%2012.0852%2062.4619%209.12215%2065.7495%209.12215C67.4312%209.12215%2068.8024%209.96852%2069.3043%2010.641V3.71521H73.0942V21.8456H69.3043V20.238C68.7613%2021.1859%2067.4308%2022.1196%2065.7495%2022.1196C62.4619%2022.1196%2059.9271%2019.1566%2059.9271%2015.6209ZM69.4641%2015.6209C69.4641%2013.8283%2068.3095%2012.5334%2066.603%2012.5334C64.8964%2012.5334%2063.7419%2013.828%2063.7419%2015.6209C63.7419%2017.4138%2064.8964%2018.7083%2066.603%2018.7083C68.3095%2018.7083%2069.4641%2017.4138%2069.4641%2015.6209Z%22%20fill%3D%22%231C1D18%22%20style%3D%22fill%3A%20rgb(28%2C%2029%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.1438%2015.6208C45.1438%2011.9606%2048.1304%209.12207%2051.7443%209.12207C55.3582%209.12207%2058.3448%2011.9602%2058.3448%2015.6208C58.3448%2019.2813%2055.3579%2022.1195%2051.7443%2022.1195C48.1307%2022.1195%2045.1438%2019.281%2045.1438%2015.6208ZM54.53%2015.6208C54.53%2013.8529%2053.3254%2012.6327%2051.7443%2012.6327C50.1632%2012.6327%2048.9586%2013.8529%2048.9586%2015.6208C48.9586%2017.3886%2050.1632%2018.6088%2051.7443%2018.6088C53.3254%2018.6088%2054.53%2017.3886%2054.53%2015.6208Z%22%20fill%3D%22%231C1D18%22%20style%3D%22fill%3A%20rgb(28%2C%2029%2C%2024)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M38.1161%2016.2433H34.9727V21.8456H30.9819V4.16742H38.1161C41.7051%204.16742%2044.3903%206.80668%2044.3903%2010.2179C44.3903%2013.6291%2041.7048%2016.2433%2038.1161%2016.2433ZM37.9401%207.90202H34.9723V12.5334H37.9401C39.3705%2012.5334%2040.3995%2011.5125%2040.3995%2010.2179C40.3995%208.92331%2039.3705%207.90202%2037.9401%207.90202Z%22%20fill%3D%22%231C1D18%22%20style%3D%22fill%3A%20rgb(28%2C%2029%2C%2024)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Podium's actual button styles.

• Button Primary

  • background: #AF4E30
  • textColor: #FEFEFE
  • borderColor: #AF4E30
  • borderRadius: 100px
  • shadow: none

• Button Secondary

  • background: #1C1D18
  • textColor: #FEFEFE
  • borderColor: #1C1D18
  • borderRadius: 100px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: businesses seeking lead generation solutions

Frequently Asked Questions

• What is Podium's primary brand color?
  Podium's primary brand color is #AF4E30.
• What font does Podium use?
  Podium uses Graphik as the primary typeface across body and headings.
• Does Podium use a light or dark theme?
  Podium's primary site uses a light color scheme, with a background of #FAFAF7.
• Where can I find Podium's logo?
  Podium's logo is available directly on their site (https://podium.com).
• How was this brand profile generated?
  This profile was extracted from https://podium.com using the Firecrawl branding extraction API.