Front Brand Identity

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

Color Palette

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

primary

#EEFC97

rgb(238, 252, 151)

secondary

#8034BF

rgb(128, 52, 191)

accent

#DEE948

rgb(222, 233, 72)

background

#FFFFFF

rgb(255, 255, 255)

textPrimary

#1C1E20

rgb(28, 30, 32)

link

#0D1D39

rgb(13, 29, 57)

Typography

Each font links to its Google Fonts page where available.

primary

Suisse Intl

Suisse Intl Google Fonts →

heading

Helvetica Neue LT Std

Helvetica Neue LT Std Google Fonts →

Suisse Intl, Helvetica Neue LT Std, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, sans-serif

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.5945%2064.8878C56.2523%2064.8878%2064.8922%2056.2479%2064.8922%2045.5901C64.8922%2034.9323%2056.2523%2026.2925%2045.5945%2026.2925C34.9367%2026.2925%2026.2969%2034.9323%2026.2969%2045.5901C26.2969%2056.2479%2034.9367%2064.8878%2045.5945%2064.8878Z%22%20fill%3D%22%23A857F1%22%20style%3D%22fill%3A%20rgb(168%2C%2087%2C%20241)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cg%20class%3D%22icon-logo-type%22%3E%3Cpath%20d%3D%22M259.657%2062.7285C255.717%2062.7285%20252.686%2061.6893%20250.564%2059.6108C248.485%2057.5323%20247.446%2054.5012%20247.446%2050.5174V31.6812H239.457V20.7041H247.446V6.41455H260.762V20.7041H272.128V31.6812H260.762V47.7245C260.762%2049.0668%20261.108%2050.0844%20261.801%2050.7773C262.494%2051.4701%20263.511%2051.8165%20264.854%2051.8165H272.128V62.7285H259.657Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M195.352%2020.7035H207.433V24.211C208.818%2022.6954%20210.507%2021.5263%20212.499%2020.7035C214.534%2019.8375%20216.786%2019.3828%20219.254%2019.3395C221.679%2019.2962%20223.952%2019.7076%20226.074%2020.5736C228.196%2021.4397%20230.036%2022.6521%20231.595%2024.211C233.154%2025.8131%20234.345%2027.7834%20235.168%2030.1217C236.034%2032.4167%20236.467%2035.2313%20236.467%2038.5655V62.7279H223.086V39.9295C223.086%2038.1975%20222.913%2036.8551%20222.567%2035.9025C222.264%2034.9065%20221.766%2034.0621%20221.073%2033.3693C219.817%2032.1569%20218.107%2031.5506%20215.942%2031.5506C213.776%2031.5506%20212.066%2032.1569%20210.81%2033.3693C210.074%2034.0621%20209.533%2034.9065%20209.186%2035.9025C208.883%2036.8551%20208.732%2038.1975%20208.732%2039.9295V62.7279H195.352V20.7035Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M167.21%2063.8325C162.836%2063.8325%20158.852%2062.8582%20155.258%2060.9096C151.708%2059.0043%20148.893%2056.3412%20146.814%2052.9204C144.779%2049.5429%20143.762%2045.7972%20143.762%2041.6836C143.762%2037.5699%20144.779%2033.8026%20146.814%2030.3818C148.893%2026.961%20151.708%2024.2762%20155.258%2022.3277C158.852%2020.3358%20162.836%2019.3398%20167.21%2019.3398C171.583%2019.3398%20175.545%2020.3358%20179.096%2022.3277C182.69%2024.2762%20185.505%2026.961%20187.54%2030.3818C189.575%2033.8026%20190.593%2037.5699%20190.593%2041.6836C190.593%2045.7972%20189.575%2049.5429%20187.54%2052.9204C185.505%2056.3412%20182.69%2059.0043%20179.096%2060.9096C175.545%2062.8582%20171.583%2063.8325%20167.21%2063.8325ZM167.21%2052.0111C169.028%2052.0111%20170.652%2051.5564%20172.081%2050.6471C173.553%2049.7377%20174.701%2048.5036%20175.524%2046.9447C176.346%2045.3859%20176.758%2043.6322%20176.758%2041.6836C176.758%2039.735%20176.346%2037.9813%20175.524%2036.4224C174.701%2034.8635%20173.553%2033.6511%20172.081%2032.7851C170.652%2031.8757%20169.028%2031.421%20167.21%2031.421C165.348%2031.421%20163.681%2031.8757%20162.208%2032.7851C160.779%2033.6511%20159.653%2034.8635%20158.831%2036.4224C158.008%2037.9813%20157.597%2039.735%20157.597%2041.6836C157.597%2043.6322%20158.008%2045.3859%20158.831%2046.9447C159.653%2048.5036%20160.801%2049.7377%20162.273%2050.6471C163.746%2051.5564%20165.391%2052.0111%20167.21%2052.0111Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M114.129%2020.7037H126.145V25.7051C127.574%2023.9297%20129.285%2022.5657%20131.276%2021.613C133.312%2020.6604%20135.498%2020.1841%20137.837%2020.1841C139.352%2020.1841%20140.824%2020.314%20142.253%2020.5738V33.1746C141.214%2032.7849%20139.785%2032.59%20137.967%2032.59C134.762%2032.59%20132.229%2033.5643%20130.367%2035.5129C129.371%2036.5089%20128.613%2037.7213%20128.094%2039.1503C127.617%2040.5792%20127.379%2042.4196%20127.379%2044.6713V62.7281H114.129V20.7037Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M75.8164%20-0.665527H109.852V12.0002H89.5214V24.4062H109.462V36.6173H89.5214V62.7283H75.8164V-0.665527Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using Front's actual button styles.

Button Primary

buttonPrimary

background#DEE948textColor#0D1D39borderRadius64pxshadownone

Button Secondary

buttonSecondary

background#8034BFtextColor#F8F1FEborderRadius64pxshadownone

Brand Personality

Tone: modernEnergy: mediumAudience: business professionals seeking customer service solutions

Frequently Asked Questions

What is Front's primary brand color?

Front's primary brand color is #EEFC97. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Front use?

Front uses #DEE948 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Front use?

Front uses Suisse Intl for body text and Helvetica Neue LT Std for headings. Fonts were detected on https://front.com as part of their live design system.

Does Front use a light or dark theme?

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

Where can I find Front's logo?

Front's logo is available directly on their site (https://front.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://front.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 Front.