fogbender

Fogbender Brand Identity

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

Color Palette

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

Typography

Each font links to its Google Fonts page where available.

Visual Assets

%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M34.5361%2022.2902V18.8642C34.5361%2016.2578%2034.3883%2014.3634%2034.0927%2013.1811C33.824%2011.9719%2033.1791%2011.3673%2032.158%2011.3673C31.5669%2011.3673%2031.0832%2011.542%2030.707%2011.8913C30.3577%2012.2138%2030.1025%2012.7646%2029.9412%2013.5439C29.6994%2014.753%2029.5785%2016.5937%2029.5785%2019.0658V22.2096C29.5785%2025.1385%2029.6591%2026.8985%2029.8203%2027.4897C30.0084%2028.0808%2030.1965%2028.5645%2030.3846%2028.9407C30.6802%2029.5856%2031.2579%2029.908%2032.1177%2029.908C33.1657%2029.908%2033.8509%2029.3034%2034.1733%2028.0943C34.4152%2027.2344%2034.5361%2025.2997%2034.5361%2022.2902ZM32.0371%2030.6335C28.6783%2030.6335%2026.139%2029.7737%2024.4193%2028.054C22.6996%2026.3342%2021.8398%2023.8756%2021.8398%2020.678C21.8398%2017.4535%2022.7534%2014.9814%2024.5806%2013.2617C26.4346%2011.5151%2029.0276%2010.6418%2032.3596%2010.6418C35.6915%2010.6418%2038.1771%2011.448%2039.8162%2013.0602C41.4553%2014.6455%2042.2748%2017.0773%2042.2748%2020.3555C42.2748%2027.2075%2038.8623%2030.6335%2032.0371%2030.6335Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M59.5647%208.94899L60.6933%208.26379C60.8545%207.43081%2060.5321%207.01431%2059.726%207.01431C58.5705%207.01431%2057.9928%207.90104%2057.9928%209.6745C57.9928%2010.3731%2058.0869%2011.1792%2058.275%2012.0928C60.3171%2013.4632%2061.3382%2015.2233%2061.3382%2017.3729C61.3382%2019.4957%2060.5993%2021.1482%2059.1214%2022.3305C57.6435%2023.5128%2055.6416%2024.104%2053.1158%2024.104C52.0679%2024.104%2050.9796%2023.9965%2049.851%2023.7815C48.6687%2024.5339%2048.0776%2025.0982%2048.0776%2025.4744C48.0776%2025.8506%2048.9374%2026.0387%2050.6572%2026.0387H54.7683C60.868%2026.0387%2063.9178%2028.2286%2063.9178%2032.6085C63.9178%2034.9731%2062.9907%2036.8406%2061.1367%2038.211C59.3095%2039.6083%2056.4478%2040.3069%2052.5515%2040.3069C45.9145%2040.3069%2042.596%2038.8694%2042.596%2035.9942C42.596%2034.4357%2043.6305%2033.3609%2045.6995%2032.7697L48.1179%2033.858C47.9029%2034.6372%2047.7954%2035.3762%2047.7954%2036.0748C47.7954%2038.3857%2049.5152%2039.5411%2052.9546%2039.5411C55.0505%2039.5411%2056.6627%2039.1515%2057.7913%2038.3722C58.9198%2037.593%2059.4841%2036.6257%2059.4841%2035.4702C59.4841%2034.3148%2059.1348%2033.5355%2058.4362%2033.1325C57.7644%2032.7563%2056.4075%2032.5682%2054.3653%2032.5682H50.4556C48.2791%2032.5682%2046.7206%2032.2055%2045.7802%2031.48C44.8397%2030.7544%2044.3695%2029.8677%2044.3695%2028.8198C44.3695%2027.7449%2044.7053%2026.8582%2045.3771%2026.1596C46.0489%2025.4341%2047.2446%2024.5473%2048.9643%2023.4994C45.8473%2022.6127%2044.2888%2020.5705%2044.2888%2017.3729C44.2888%2015.3576%2045.0143%2013.732%2046.4654%2012.4959C47.9164%2011.2599%2050.0929%2010.6418%2052.9949%2010.6418C54.7415%2010.6418%2056.2328%2010.9777%2057.4688%2011.6495C57.3076%2010.924%2057.227%2010.2656%2057.227%209.6745C57.227%208.16975%2057.6301%207.08149%2058.4362%206.40973C59.2423%205.73796%2060.1425%205.40208%2061.1367%205.40208C62.1309%205.40208%2062.9236%205.67078%2063.5147%206.2082C64.1327%206.71874%2064.4417%207.43081%2064.4417%208.34441C64.4417%209.25801%2064.1999%209.9432%2063.7162%2010.4C63.2326%2010.8299%2062.6414%2011.0449%2061.9428%2011.0449C61.271%2011.0449%2060.7067%2010.8702%2060.2499%2010.5209C59.82%2010.1447%2059.5916%209.62076%2059.5647%208.94899ZM51.0199%2016.4862V18.6627C51.0199%2020.463%2051.1677%2021.6856%2051.4633%2022.3305C51.7857%2022.9754%2052.256%2023.2979%2052.874%2023.2979C53.5189%2023.2979%2053.9757%2022.9889%2054.2444%2022.3708C54.5399%2021.7259%2054.6877%2020.4227%2054.6877%2018.4612V16.4862C54.6877%2014.3903%2054.5534%2013.0199%2054.2847%2012.375C54.016%2011.7032%2053.5592%2011.3673%2052.9143%2011.3673C52.2963%2011.3673%2051.826%2011.7167%20551.5036%2012.4153C51.1811%2013.0871%2051.0199%2014.444%2051.0199%2016.4862Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M79.172%2019.3882C79.172%2016.6205%2079.0376%2014.7665%2078.7689%2013.826C78.5002%2012.8587%2077.9762%2012.375%2077.197%2012.375C76.4177%2012.375%2075.7191%2012.8587%2075.1011%2013.826C74.483%2014.7933%2074.174%2016.1234%2074.174%2017.8163V25.3132C74.174%2026.4686%2074.4024%2027.4494%2074.8592%2028.2555C75.3429%2029.0616%2076.0147%2029.4647%2076.8745%2029.4647C77.7612%2029.4647%2078.3658%2028.8735%2078.6883%2027.6912C79.0107%2026.5089%2079.172%2024.4399%2079.172%2021.4841V19.3882ZM74.174%200.00109863V14.1081C75.1951%2011.7973%2076.9417%2010.6418%2079.4138%2010.6418C84.4386%2010.6418%2086.951%2013.9872%2086.951%2020.678C86.951%2024.0905%2086.2523%2026.6029%2084.8551%2028.2152C83.4847%2029.8274%2081.4156%2030.6335%2078.648%2030.6335C77.2507%2030.6335%2076.1759%2030.4186%2075.4235%2029.9886C74.698%2029.5587%2074.2009%2028.8466%2073.9322%2027.8524L73.6501%2030.2305H64.4603V29.505H66.6771V0.726604H64.4603V0.00109863H74.174Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M98.7562%2030.6335C95.2899%2030.6335%2092.6834%2029.7468%2090.9368%2027.9733C89.2171%2026.173%2088.3573%2023.6875%2088.3573%2020.5168C88.3573%2017.3192%2089.3246%2014.874%2091.2593%2013.1811C93.2208%2011.4883%2095.7064%2010.6418%2098.7159%2010.6418C104.815%2010.6418%20107.744%2013.7051%20107.503%2019.8316H96.1363V21.4035C96.1363%2024.0368%2096.4722%2026.0252%2097.1439%2027.3688C97.8157%2028.7123%2098.9846%2029.3841%20100.651%2029.3841C103.768%2029.3841%20105.81%2027.7181%20106.777%2024.3861L107.503%2024.507C106.992%2026.4417%20106.065%2027.9465%20104.721%2029.0213C103.405%2030.0961%20101.416%2030.6335%2098.7562%2030.6335ZM96.1766%2019.0254H100.328V17.0505C100.328%2014.874%20100.194%2013.3961%2099.925%2012.6168C99.6832%2011.8107%2099.1727%2011.4076%2098.3934%2011.4076C97.641%2011.4076%2097.0768%2011.8376%2096.7006%2012.6974C96.3513%2013.5304%2096.1766%2014.9814%2096.1766%2017.0505V19.0254Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M109.019%2011.0449H118.733V14.753C119.163%2013.517%20119.821%2012.5228%20120.708%2011.7704C121.594%2011.018%20122.938%2010.6418%20124.738%2010.6418C128.903%2010.6418%20130.986%2012.8855%20130.986%2017.3729V29.505H133.243V30.2305H121.836V29.505H123.489V16.4056C123.489%2014.7933%20123.381%2013.7588%20123.166%2013.302C122.951%2012.8184%20122.562%2012.5765%20121.998%2012.5765C121.138%2012.5765%20120.372%2013.1408%20119.7%2014.2694C119.055%2015.3979%20118.733%2016.7683%20118.733%2018.3806V29.505H120.466V30.2305H109.019V29.505H111.236V11.7704H109.019V11.0449Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M141.957%2021.8872C141.957%2024.7086%20142.105%2026.5895%20142.401%2027.53C142.696%2028.4436%20143.234%2028.9004%20144.013%2028.9004C144.819%2028.9004%20145.504%2028.5511%20146.069%2027.8524C146.66%2027.1538%20146.955%2026.1193%20146.955%2024.7489V15.9622C146.955%2014.8068%20146.727%2013.826%20146.27%2013.0199C145.813%2012.2138%20145.142%2011.8107%20144.255%2011.8107C143.368%2011.8107%20142.764%2012.4019%20142.441%2013.5842C142.119%2014.7665%20141.957%2016.8355%20141.957%2019.7913V21.8872ZM147.479%2030.2305L147.036%2027.4091C146.122%2029.5587%20144.268%2030.6335%20141.474%2030.6335C139.163%2030.6335%20137.363%2029.8005%20136.073%2028.1346C134.81%2026.4686%20134.178%2023.9831%20134.178%2020.678C134.178%2013.9872%20136.839%2010.6418%20142.159%2010.6418C144.524%2010.6418%20146.082%2011.3002%20146.834%2012.6168V0.726604H144.376V0.00109863H154.452V29.505H156.427V30.2305H147.479Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M168.071%2030.6335C164.605%2030.6335%20161.998%2029.7468%20160.252%2027.9733C158.532%2026.173%20157.672%2023.6875%20157.672%2020.5168C157.672%2017.3192%20158.64%2014.874%20160.574%2013.1811C162.536%2011.4883%20165.021%2010.6418%20168.031%2010.6418C174.13%2010.6418%20177.059%2013.7051%20176.818%2019.8316H165.451V21.4035C165.451%2024.0368%20165.787%2026.0252%20166.459%2027.3688C167.131%2028.7123%20168.3%2029.3841%20169.966%2029.3841C173.083%2029.3841%20175.125%2027.7181%20176.092%2024.3861L176.818%2024.507C176.307%2026.4417%20175.38%2027.9465%20174.036%2029.0213C172.72%2030.0961%20170.731%2030.6335%20168.071%2030.6335ZM165.492%2019.0254H169.643V17.0505C169.643%2014.874%20169.509%2013.3961%20169.24%2012.6168C168.998%2011.8107%20168.488%2011.4076%20167.708%2011.4076C166.956%2011.4076%20166.392%2011.8376%20166.016%2012.6974C165.666%2013.5304%20165.492%2014.9814%20165.492%2017.0505V19.0254Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M191.716%2012.1735C190.721%2012.1735%20189.848%2012.8184%20189.096%2014.1081C188.343%2015.3979%20187.967%2016.9295%20187.967%2018.703V29.505H190.829V30.2305H178.253V29.505H180.47V11.7704H178.253V11.0449H187.967V14.9143C188.316%2013.5439%20188.988%2012.4959%20189.982%2011.7704C190.977%2011.018%20192.105%2010.6418%20193.368%2010.6418C194.631%2010.6418%20195.652%2011.0046%20196.431%2011.7301C197.237%2012.4287%20197.641%2013.4364%20197.641%2014.753C197.641%2016.0428%20197.345%2017.037%20196.754%2017.7357C196.163%2018.4343%20195.249%2018.7836%20194.013%2018.7836C192.804%2018.7836%20191.904%2018.3806%20191.312%2017.5744C190.748%2016.7683%20190.681%2015.6532%20191.111%2014.2291H192.562C193.234%2012.8587%20192.952%2012.1735%20191.716%2012.1735Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3C%2Fsvg%3E) Logo

Favicon

Social Card

UI Components

Live previews rendered using Fogbender's actual button styles.

Brand Personality

Fogbender Brand in the Wild

Image: fogbender-blog.s3.amazonaws.com

Source: fogbender.com

Image: fogbender.com

Source: fogbender.com

Image: fogbender.com

Source: fogbender.com

Image: fogbender.com

Source: fogbender.com

Image: fogbender.com

Source: fogbender.com

Image: fogbender.com

Source: fogbender.com

Frequently Asked Questions

  1. What is Fogbender's primary brand color?

    • Fogbender's primary brand color is #3D67F7.

  2. What accent color does Fogbender use?

    • Fogbender uses #2563EB as an accent color.

  3. What font does Fogbender use?

    • Fogbender uses Prompt for body text and Georgia for headings.

  4. Does Fogbender use a light or dark theme?

    • Fogbender's primary site uses a light color scheme, with a background of #FFFFFF.

  5. How was this brand profile generated?