Sequin Brand: Colors, Fonts, Logo & Visual Identity
Sequin Brand Identity
A complete profile of Sequin's visual system — colors, typography, components, and personality — extracted from https://sequinai.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://sequinai.com.
| Color | Hex Code | RGB |
|---|---|---|
| primary | #4A5565 | rgb(74, 85, 101) |
| secondary | #101828 | rgb(16, 24, 40) |
| accent | #FD6363 | rgb(253, 99, 99) |
| background | #F9FAFB | rgb(249, 250, 251) |
| textPrimary | #FD6363 | rgb(253, 99, 99) |
| link | #FD6363 | rgb(253, 99, 99) |
Typography
Each font links to its Google Fonts page where available.
| Type | Font Family |
|---|---|
| primary | ui-sans-serif |
| heading | ui-sans-serif |
Visual Assets
%27%3e%3cpath%20d=%27M16.7466%200.887207V19.5351H28.7325V17.3097H19.3381V11.3097H27.4085V9.08439H19.3381V3.11256H28.7325V0.887207H16.7466Z%27%20fill=%27%230F1219%27/%3e%3cpath%20d=%27M61.2255%2011.9717C61.2255%2015.6478%2060.0987%2017.5773%2056.3241%2017.5773C52.5495%2017.5773%2051.479%2015.6478%2051.479%2011.9717V0.887207H48.9861V12.6055C48.9861%2017.2534%2051.3241%2019.8027%2056.3241%2019.8027C61.3523%2019.8027%2063.7044%2017.2675%2063.7044%2012.6055V0.887207H61.2114V11.9717H61.2255Z%27%20fill=%27%230F1219%27/%3e%3cpath%20d=%27M65.1548%200.887207V3.11256H69.2111V17.3097H65.1548V19.5351H75.7463V17.3097H71.69V3.11256H75.7463V0.887207H65.1548Z%27%20fill=%27%230F1219%27/%3e%3cpath%20d=%27M89.9718%200.887207V17.0703L90%2018.4647H89.845L82.3098%200.887207H77.676V19.5351H79.9859V3.33791L79.9436%201.95763H80.0986L87.7464%2019.5351H92.3943V0.887207H89.9718Z%27%20fill=%27%230F1219%27/%3e%3cpath%20d=%27M8.19718%208.91537L7.91549%208.84495C5.16901%208.15481%203.46478%207.36608%203.46478%205.59143C3.46478%204.64777%203.84507%202.46467%207.39436%202.46467C9.94366%202.46467%2011.2817%203.6196%2011.5915%206.11256V6.15481H14.2817V6.11256C14.0704%202.40833%2011.5634%200.295654%207.40845%200.295654C5.21126%200.295654%203.28169%200.999879%202.09859%202.2534C1.19719%203.19706%200.76056%204.39425%200.788729%205.78861C0.873236%209.39425%204.35211%2010.2957%207.42254%2011.0844C9.84507%2011.7182%2012.1408%2012.3238%2012.1408%2014.5914C12.1408%2016.8731%209.8169%2017.69%207.64788%2017.69C4.78873%2017.69%202.74647%2015.7323%202.69014%2012.9295V12.8872H0V12.9295C0.0985915%2017.1407%203.09859%2019.859%207.64788%2019.859C10.9577%2019.859%2014.831%2018.4647%2014.831%2014.5069C14.8028%2010.5773%2011.4507%209.73227%208.19718%208.91537Z%27%20fill=%27%230F1219%27/%3e%3cpath%20d=%27M44.6761%2016.9155C46.3804%2015.1127%2047.324%2012.5634%2047.324%209.70423C47.324%204.88733%2044.3663%200%2038.7184%200C33.0705%200%2030.1128%204.87324%2030.1128%209.70423C30.1128%2014.5211%2033.0705%2019.4084%2038.7184%2019.4084C40.3522%2019.4084%2041.8592%2018.9859%2043.1128%2018.1972C43.7606%2018.7465%2045.4226%2019.9296%2046.1973%2020H46.2536L47.1128%2018.169L47.0142%2018.1408C46.2677%2017.9437%2045.4085%2017.5493%2044.6761%2016.9155ZM43.0142%2015.2817C41.9297%2014.3521%2040.8592%2013.3099%2040.1973%2013.0282L40.1269%2013L39.1128%2014.6901L39.1973%2014.7324C40.2677%2015.2535%2040.7747%2016%2041.3663%2016.5352C40.5635%2016.9437%2039.6762%2017.1549%2038.7184%2017.1549C34.6198%2017.1549%2032.479%2013.4084%2032.479%209.69014C32.479%205.98591%2034.6198%202.22535%2038.7184%202.22535C42.817%202.22535%2044.9578%205.97183%2044.9578%209.69014C44.9578%2011.8873%2044.2536%2013.9155%2043.0142%2015.2817Z%27%20fill=%27%230F1219%27/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id=%27clip0%27%3e%3crect%20width=%2792.3944%27%20height=%2720%27%20fill=%27white%27/%3e%3c/clipPath%3e%3c/defs%3e%3cpath%20d=%27M%20-2.715%200.3%20L%20-12.962%200.3%20C%20-16.914%200.3%20-19%201.398%20-19%205.181%20C%20-19%208.965%20-16.914%2010.1%20-12.962%2010.1%20L%20-19%2010.1%20L%20-19%2019.9%20L%20-8.754%2019.9%20C%20-4.802%2019.9%20-2.715%2018.803%20-2.715%2015.019%20C%20-2.715%2011.235%20-4.802%2010.1%20-8.754%2010.1%20L%20-2.715%2010.1%20L%20-2.715%200.3%20Z%27%20style=%27fill:%20rgb(15,%2018,%2025);%27/%3e%3c/svg%3e)
UI Components
Live previews rendered using Sequin's actual button styles.
Button Primary
- background: #FD6363
- textColor: #FFFFFF
- borderRadius: 8px
- shadow: none
Button Secondary
- background: #F9FAFB
- textColor: #364153
- borderColor: #D1D5DC
- borderRadius: 8px
- shadow: none
Brand Personality
Tone: professional
Energy: medium
Audience: financial services professionals
Sequin Brand in the Wild
Source: jewelclues.com
Source: sequin-nyc.com
Source: freepik.com
Source: ebay.com
Source: ebay.com
Source: neimanmarcus.com
Frequently Asked Questions
What is Sequin's primary brand color?
Sequin's primary brand color is #4A5565. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Sequin use?
Sequin uses #FD6363 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Sequin use?
Sequin uses ui-sans-serif as the primary typeface across body and headings.
Does Sequin use a light or dark theme?
Sequin's primary site uses a light color scheme, with a background of #F9FAFB.
Where can I find Sequin's logo?
Sequin's logo is available directly on their site (https://sequinai.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://sequinai.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 Sequin.