Zapier Brand: Colors, Fonts, Logo & Visual Identity

Zapier Brand Identity

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

Color Palette

Brand palette extracted from http://zapier.com.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.487%2014.8297C96.4797%2014.8297%2093.2136%2015.434%2090.6892%2016.6429C88.3376%2017.6963%2086.3568%2019.4321%2085.0036%2021.6249C83.7091%2023.8321%2082.8962%2026.2883%2082.6184%2028.832L93.1602%2030.3135C93.5415%2028.0674%2094.3042%2026.4754%2095.4482%2025.5373C96.7486%2024.5562%2098.3511%2024.0605%2099.9783%2024.136C102.118%2024.136%20103.67%2024.7079%20104.634%2025.8519C105.59%2026.9959%20106.076%2028.5803%20106.076%2030.6681V31.7091H95.9401C90.7807%2031.7091%2087.0742%2032.8531%2084.8206%2035.1411C82.5669%2037.429%2081.442%2040.4492%2081.4458%2044.2014C81.4458%2048.0452%2082.5707%2050.9052%2084.8206%2052.7813C87.0704%2054.6574%2089.8999%2055.5897%2093.3089%2055.5783C97.5379%2055.5783%20100.791%2054.1235%20103.067%2051.214C104.412%2049.426%20105.372%2047.3793%20105.887%2045.2024H106.27L107.723%2054.7546H117.275V30.5651C117.275%2025.5659%20115.958%2021.6936%20113.323%2018.948C110.688%2016.2024%20106.409%2014.8297%20100.487%2014.8297ZM103.828%2044.6475C102.312%2045.9116%20100.327%2046.5408%2097.8562%2046.5408C95.8199%2046.5408%2094.4052%2046.1843%2093.6121%2045.4712C93.2256%2045.1338%2092.9182%2044.7155%2092.7116%2044.246C92.505%2043.7764%2092.4043%2043.2671%2092.4166%2042.7543C92.3941%2042.2706%2092.4702%2041.7874%2092.6403%2041.3341C92.8104%2040.8808%2093.071%2040.4668%2093.4062%2040.1174C93.7687%2039.7774%2094.1964%2039.5145%2094.6633%2039.3444C95.1303%2039.1743%2095.6269%2039.1006%2096.1231%2039.1278H106.093V39.7856C106.113%2040.7154%20105.919%2041.6374%20105.527%2042.4804C105.134%2043.3234%20104.553%2044.0649%20103.828%2044.6475Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M175.035%2015.7391H163.75V54.7833H175.035V15.7391Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M241.666%2015.7391C238.478%2015.7391%20235.965%2016.864%20234.127%2019.1139C232.808%2020.7307%20231.805%2023.1197%20231.119%2026.2809H230.787L229.311%2015.7391H219.673V54.7775H230.959V34.7578C230.959%2032.2335%20231.55%2030.2982%20232.732%2028.9521C233.914%2027.606%20236.095%2026.933%20239.275%2026.933H243.559V15.7391H241.666Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M208.473%2017.0147C205.839%2015.4474%20202.515%2014.6657%20198.504%2014.6695C192.189%2014.6695%20187.247%2016.4675%20183.678%2020.0634C180.108%2023.6593%20178.324%2028.6166%20178.324%2034.9352C178.233%2038.7553%20179.067%2042.5407%20180.755%2045.9689C182.3%2049.0238%20184.706%2051.5592%20187.676%2053.2618C190.665%2054.9892%20194.221%2055.8548%20198.344%2055.8586C201.909%2055.8586%20204.887%2055.3095%20207.278%2054.2113C209.526%2053.225%20211.483%2051.6791%20212.964%2049.7211C214.373%2047.7991%20215.42%2045.6359%20216.052%2043.3377L206.329%2040.615C205.919%2042.1094%20205.131%2043.4728%20204.041%2044.5732C202.942%2045.6714%20201.102%2046.2206%20198.521%2046.2206C195.451%2046.2206%20193.163%2045.3416%20191.657%2043.5837C190.564%2042.3139%20189.878%2040.5006%20189.575%2038.1498H216.201C216.31%2037.0515%20216.367%2036.1306%20216.367%2035.387V32.9561C216.431%2029.6903%20215.757%2026.4522%20214.394%2023.4839C213.118%2020.7799%20211.054%2018.5248%20208.473%2017.0147ZM198.178%2023.9758C202.754%2023.9758%20205.348%2026.2275%20205.962%2030.731H189.775C190.032%2029.2284%20190.655%2027.8121%20191.588%2026.607C193.072%2024.8491%20195.268%2023.972%20198.178%2023.9758Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M169.515%200.00366253C168.666%20-0.0252113%20167.82%200.116874%20167.027%200.421484C166.234%200.726094%20165.511%201.187%20164.899%201.77682C164.297%202.3723%20163.824%203.08658%20163.512%203.87431C163.2%204.66204%20163.055%205.50601%20163.086%206.35275C163.056%207.20497%20163.201%208.05433%20163.514%208.84781C163.826%209.64129%20164.299%2010.3619%20164.902%2010.9646C165.505%2011.5673%20166.226%2012.0392%20167.02%2012.3509C167.814%2012.6626%20168.663%2012.8074%20169.515%2012.7762C170.362%2012.8082%20171.206%2012.6635%20171.994%2012.3514C172.782%2012.0392%20173.496%2011.5664%20174.091%2010.963C174.682%2010.3534%20175.142%209.63077%20175.446%208.83849C175.75%208.04621%20175.89%207.20067%20175.859%206.35275C175.898%205.50985%20175.761%204.66806%20175.456%203.88115C175.151%203.09424%20174.686%202.37951%20174.09%201.78258C173.493%201.18565%20172.779%200.719644%20171.992%200.414327C171.206%200.109011%20170.364%20-0.0288946%20169.521%200.00938803L169.515%200.00366253Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M146.201%2014.6695C142.357%2014.6695%20139.268%2015.8764%20136.935%2018.2902C135.207%2020.0786%20133.939%2022.7479%20133.131%2026.2981H132.771L131.295%2015.7563H121.657V66H132.942V45.3054H133.354C133.698%2046.6852%20134.181%2048.0267%20134.795%2049.3093C135.75%2051.3986%20137.316%2053.1496%20139.286%2054.3314C141.328%2055.446%20143.629%2056.0005%20145.955%2055.9387C150.68%2055.9387%20154.277%2054.0988%20156.748%2050.419C159.219%2046.7392%20160.455%2041.6046%20160.455%2035.0153C160.455%2028.6509%20159.259%2023.6689%20156.869%2020.0691C154.478%2016.4694%20150.922%2014.6695%20146.201%2014.6695ZM147.345%2042.9602C146.029%2044.8668%20143.97%2045.8201%20141.167%2045.8201C140.012%2045.8735%20138.86%2045.6507%20137.808%2045.1703C136.755%2044.6898%20135.832%2043.9656%20135.116%2043.0574C133.655%2041.2233%20132.927%2038.7122%20132.931%2035.5243V34.7807C132.931%2031.5432%20133.659%2029.0646%20135.116%2027.3448C136.572%2025.625%20138.59%2024.7747%20141.167%2024.7937C144.02%2024.7937%20146.092%2025.6994%20147.385%2027.5107C148.678%2029.322%20149.324%2031.8483%20149.324%2035.0896C149.332%2038.4414%20148.676%2041.065%20147.356%2042.9602H147.345Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M39.0441%2045.2253H0V54.789H39.0441V45.2253Z%22%20fill%3D%22%23FF4F00%22%20style%3D%22fill%3A%20rgb(255%2C%2079%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Zapier's actual button styles.

Button Primary

Button Secondary

Brand Personality

Frequently Asked Questions

  1. What is Zapier's primary brand color?
    • Zapier's primary brand color is #FF4F00. It anchors the visual identity across their website, product UI, and marketing materials.
  2. What font does Zapier use?
    • Zapier uses Inter for body text and Degular Display for headings.
  3. Does Zapier use a light or dark theme?
    • Zapier's primary site uses a light color scheme, with a background of #FFFEFB.
  4. Where can I find Zapier's logo?
  5. How was this brand profile generated?
    • This profile was extracted from http://zapier.com using the Firecrawl branding extraction API.