Flowglad Brand Identity

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

Color Palette

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

• Primary: #000000
• Accent: #2D2A28
• Background: #FCFBF6
• Text Primary: #2D2A28
• Link: #000000

Typography

Each font links to its Google Fonts page where available.

• Primary: sfPro
• Heading: arizonaFlare

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M370.499%2038.3204H360.596V38.6153C361.724%2040.3695%20362.049%2042.184%20362.119%2045.2833C362.125%2045.6354%20362.131%2046.0025%20362.131%2046.3906V58.0536H361.836C359.636%2055.3395%20356.26%2053.6514%20352.153%2053.6514C343.129%2053.6514%20335.94%2061.2071%20335.94%2072.3586C335.94%2083.5101%20342.837%2090.1841%20350.904%2090.1841C355.378%2090.1841%20359.266%2088.1289%20361.833%2084.0968H362.128V89.5251H364.911V89.5311H370.421V89.2363C369.31%2087.5091%20368.979%2085.7247%20368.901%2082.7187V45.2803C368.973%2042.181%20369.307%2040.3695%20370.496%2038.6123V38.3174L370.499%2038.3204ZM362.131%2074.1911C362.131%2080.2061%20358.171%2084.9002%20352.887%2084.9002C346.944%2084.9002%20342.909%2079.9113%20342.909%2071.6214C342.909%2063.3315%20347.016%2058.1981%20353.179%2058.1981C358.755%2058.1981%20362.128%2062.7447%20362.128%2069.8611V74.1881L362.131%2074.1911Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(6.01154%200.27784%200.745663)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M314.467%2089.9888C311.896%2089.9888%20309.472%2089.2857%20307.192%2087.8793C304.962%2086.4245%20303.143%2084.3635%20301.737%2081.6964C300.379%2078.9807%20299.7%2075.8286%20299.7%2072.24C299.7%2068.6515%20300.403%2065.4509%20301.81%2062.6382C303.264%2059.8256%20305.204%2057.6433%20307.629%2056.0915C310.102%2054.5397%20312.793%2053.7638%20315.703%2053.7638C317.885%2053.7638%20319.849%2054.2245%20321.595%2055.1459C323.389%2056.0188%20324.796%2057.2069%20325.814%2058.7102H326.251L327.778%2054.6367H332.215V79.2959C332.215%2081.7206%20332.312%2083.5634%20332.506%2084.8242C332.7%2086.0366%20333.144%2088.0976%20333.823%2088.9705V89.3342H325.669H325.523V83.9513H325.159C323.899%2085.9396%20322.347%2087.4429%20320.504%2088.4613C318.661%2089.4797%20316.649%2089.9888%20314.467%2089.9888ZM316.431%2084.7515C318.079%2084.7515%20319.583%2084.2908%20320.94%2083.3694C322.347%2082.448%20323.462%2081.1872%20324.287%2079.5869C325.111%2077.9381%20325.523%2076.0711%20325.523%2073.9858V69.7668C325.523%2066.2268%20324.699%2063.4384%20323.05%2061.4016C321.401%2059.3164%20319.267%2058.2737%20316.649%2058.2737C313.691%2058.2737%20311.29%2059.5103%20309.447%2061.9835C307.605%2064.4082%20306.683%2067.6088%20306.683%2071.5854C306.683%2075.5619%20307.556%2078.7625%20309.302%2081.1872C311.096%2083.5634%20313.472%2084.7515%20316.431%2084.7515Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(6.01154%200.27784%200.745663)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M287.551%2038.6148C288.872%2040.67%20289.092%2042.7974%20289.092%2046.9769V63.8125V80.648C289.092%2084.8306%20288.872%2086.958%20287.479%2089.0101V89.305H297.381V89.0101C296.061%2086.955%20295.841%2084.8276%20295.841%2080.648V63.8125V46.9769C295.841%2042.7944%20296.061%2040.667%20297.454%2038.6148V38.3199H287.551V38.6148Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(6.01154%200.27784%200.745663)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M265.261%20104.173C260.266%20104.173%20255.829%20102.622%20251.949%2099.5179L252.677%2095.5172C256.12%2097.7479%20259.805%2098.8632%20263.733%2098.8632C267.564%2098.8632%20270.62%2097.8206%20272.899%2095.7354C275.178%2093.6986%20276.318%2090.5223%20276.318%2086.2063V82.351H275.881C274.717%2084.3393%20273.214%2085.8668%20271.371%2086.9337C269.528%2087.9521%20267.419%2088.4613%20265.043%2088.4613C262.376%2088.4613%20259.927%2087.7824%20257.696%2086.4245C255.514%2085.0182%20253.768%2083.0542%20252.459%2080.5325C251.198%2077.9623%20250.567%2075.0042%20250.567%2071.6581C250.567%2068.215%20251.27%2065.1356%20252.677%2062.42C254.132%2059.7043%20256.071%2057.5948%20258.496%2056.0915C260.969%2054.5397%20263.661%2053.7638%20266.57%2053.7638C268.559%2053.7638%20270.45%2054.2002%20272.244%2055.0731C274.038%2055.8975%20275.517%2057.1099%20276.681%2058.7102H277.045L278.573%2054.6367H283.01V86.0608C283.01%2090.0373%20282.21%2093.3834%20280.609%2096.0991C279.058%2098.8148%20276.948%20100.827%20274.281%20102.137C271.614%20103.494%20268.607%20104.173%20265.261%20104.173ZM267.225%2083.2239C269.795%2083.2239%20271.929%2082.2298%20273.626%2080.2415C275.372%2078.2533%20276.245%2075.7316%20276.245%2072.6765V69.4031C276.245%2066.0085%20275.445%2063.3171%20273.844%2061.3289C272.244%2059.2921%20270.11%2058.2737%20267.443%2058.2737C265.552%2058.2737%20263.83%2058.8072%20262.279%2059.874C260.775%2060.9409%20259.587%2062.4442%20258.714%2064.384C257.89%2066.3237%20257.478%2068.5302%20257.478%2071.0034C257.478%2074.5435%20258.375%2077.4774%20260.169%2079.8051C261.963%2082.0843%20264.315%2083.2239%20267.225%2083.2239Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(6.01154%200.27784%200.745663)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M250.789%2054.5328H242.059V54.8277C243.013%2057.1025%20242.574%2059.6692%20241.325%2063.7765L236.336%2079.8418H235.969L228.118%2054.5328H221.15L222.176%2057.3192L214.692%2079.4717H214.397L209.628%2063.7013C208.454%2059.6662%20207.94%2057.0273%20209.113%2054.8247V54.5298H198.476V54.8247C200.456%2057.0243%20201.482%2059.8859%20202.659%2063.7013L210.801%2089.3022H215.863L224.592%2063.8488H224.884L232.879%2089.3022H238.015L246.305%2063.921C247.626%2059.8137%20248.724%2057.2469%20250.779%2054.8247V54.5298L250.789%2054.5328Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(6.01154%200.27784%200.745663)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M181.192%2053.6514C171.142%2053.6514%20163.659%2061.2071%20163.659%2071.844C163.659%2082.4809%20171.142%2090.1841%20181.192%2090.1841C191.242%2090.1841%20198.578%2082.5562%20198.578%2071.844C198.578%2061.1318%20191.17%2053.6514%20181.192%2053.6514ZM181.192%2085.2673C174.882%2085.2673%20170.995%2080.0587%20170.995%2071.844C170.995%2063.6293%20174.954%2058.5651%20181.192%2058.5651C187.43%2058.5651%20191.242%2063.5541%20191.242%2071.844C191.242%2080.1339%20187.207%2085.2673%20181.192%2085.2673Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(6.01154%200.27784%200.745663)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M150.097%2038.6148C151.417%2040.67%20151.637%2042.7974%20151.637%2046.9769V63.8125V80.648C151.637%2084.8306%20151.417%2086.958%20150.024%2089.0101V89.305H159.927V89.0101C158.606%2086.955%20158.386%2084.8276%20158.386%2080.648V63.8125V46.9769C158.386%2042.7944%20158.606%2040.667%20159.999%2038.6148V38.3199H150.097V38.6148Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(6.01154%200.27784%200.745663)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M113.137%2038.6157C115.044%2041.1102%20115.484%2043.8965%20115.484%2049.1804V78.3771C115.484%2083.7332%20115.044%2086.5195%20113.137%2089.014V89.3089H125.314V89.014C123.115%2086.5195%20122.672%2083.7332%20122.672%2078.3771V66.7141H132.503C138.298%2066.7141%20141.304%2067.5205%20142.625%2069.356H142.992V59.0139H142.625C141.304%2060.9217%20138.298%2061.7281%20132.503%2061.7281H122.672V43.382H134.555C140.937%2043.382%20144.238%2044.3359%20145.779%2046.9026H146.146V38.3208H113.137V38.6157Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(6.01154%200.27784%200.745663)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Flowglad's actual button styles.

• Input:

  • Background: #FEFEFB
  • Text Color: #141312
  • Border Color: null
  • Border Radius: 8px
  • Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.1881 0.000985883 0.00240932 / 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.06) 0px 1px 2px -1px, rgba(0, 0, 0, 0.04) 0px 2px 4px 0px

• Button Primary:

  • Background: #2D2A28
  • Text Color: #FBFAF4
  • Border Radius: 8px
  • Shadow: rgb(0, 0, 0) 0px -2px 6px 0px inset, rgba(255, 255, 255, 0.25) 0px 2px 6px 0px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech-savvy individuals

Frequently Asked Questions

• What is Flowglad's primary brand color?
  Flowglad's primary brand color is #000000.

• What accent color does Flowglad use?
  Flowglad uses #2D2A28 as an accent color.

• What font does Flowglad use?
  Flowglad uses sfPro for body text and arizonaFlare for headings.

• How was this brand profile generated?
  This profile was extracted from https://flowglad.com.