Lance Brand: Colors, Fonts, Logo & Visual Identity
Lance Brand Identity
A complete profile of Lance's visual system — colors, typography, components, and personality — extracted from https://www.lance.live. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.lance.live.
- Primary: #122828
- Secondary: #334155
- Accent: #EDEDED
- Background: #0C1D1D
- Text Primary: #0C1D1D
- Link: #0C1D1D
Typography
Each font links to its Google Fonts page where available.
- Body Font: Plus Jakarta Sans
Google Fonts → - Heading Font: Libre Baskerville
Google Fonts →
UI Components
Live previews rendered using Lance's actual button styles.
Button Primary
- Background: #EDEDED
- Text Color: #011010
- Border Radius: 33554400px
- Shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: business professionals
Lance Brand in the Wild
Source: lance.live
Source: lance.live
Source: lance.live
Source: en.wikipedia.org
Source: x.com
Source: voiceaispace.com
Frequently Asked Questions
What is Lance's primary brand color?
Lance's primary brand color is #122828.What accent color does Lance use?
Lance uses #EDEDED as an accent color.What font does Lance use?
Lance uses Plus Jakarta Sans for body text and Libre Baskerville for headings.Does Lance use a light or dark theme?
Lance's primary site uses a dark color scheme.Where can I find Lance's logo?
Lance's logo is available on their site (https://www.lance.live).How was this brand profile generated?
This profile was extracted from https://www.lance.live using the Firecrawl branding extraction API.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "dark",
"fonts": [
{
"family": "Plus Jakarta Sans",
"role": "body"
},
{
"family": "Libre Baskerville",
"role": "heading"
}
],
"colors": {
"primary": "#122828",
"secondary": "#334155",
"accent": "#EDEDED",
"background": "#0C1D1D",
"textPrimary": "#0C1D1D",
"link": "#0C1D1D"
},
"typography": {
"fontFamilies": {
"primary": "Plus Jakarta Sans",
"heading": "Libre Baskerville"
},
"fontStacks": {
"heading": [
"Libre Baskerville"
],
"body": [
"Plus Jakarta Sans"
],
"paragraph": [
"Plus Jakarta Sans"
]
},
"fontSizes": {
"h1": "80px",
"h2": "14px",
"body": "18px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "0px"
},
"components": {
"buttonPrimary": {
"background": "#EDEDED",
"textColor": "#011010",
"borderRadius": "33554400px",
"borderRadiusCorners": {
"topLeft": "33554400px",
"topRight": "33554400px",
"bottomRight": "33554400px",
"bottomLeft": "33554400px"
},
"shadow": "none"
}
},
"images": {
"logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2094%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M32.0776%207.06641V14.0084H23.6213C20.5195%2014.0084%2018.0049%2011.4883%2018.0049%208.3797V0H24.9326V7.0669L32.0776%207.06641ZM6.84194%200H0V22.1744C0%2027.601%204.38935%2032%209.80405%2032H32.0776V25.143H6.84194V0ZM15.8708%200H9.02886V15.4325C9.02886%2019.6148%2012.4118%2023.0052%2016.5849%2023.0052H32.0776V16.1482H15.8708V0Z%22%20fill%3D%22%23EDEDED%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20237)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M40.8022%2021.3435V10.6834H43.5736V19.0628H48.9767V21.3435H40.8022Z%22%20fill%3D%22%23EDEDED%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20237)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M50.0294%2021.3435L54.0239%2010.6834H57.3522L61.3467%2021.3435H58.3896L57.7548%2019.4968H53.5128L52.878%2021.3435H50.0294ZM54.179%2017.4175H57.0742L56.3156%2015.1674C56.2746%2015.0539%2056.2248%2014.9113%2056.1686%2014.7406C56.1115%2014.5699%2056.0553%2014.3887%2055.9982%2014.1978C55.9412%2014.007%2055.8873%2013.8129%2055.8359%2013.6164C55.7845%2013.4199%2055.7322%2013.2491%2055.6808%2013.1042H55.5723C55.5313%2013.3007%2055.4719%2013.5229%2055.3939%2013.771C55.3168%2014.019%2055.2389%2014.2671%2055.1617%2014.5159C55.0846%2014.764%2055.0147%2014.9814%2054.9528%2015.1674L54.179%2017.4175Z%22%20fill%3D%22%23EDEDED%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20237)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M62.6163%2021.3435V10.6834H65.0784L68.9491%2015.6329C69.0214%2015.7159%2069.1171%2015.8342%2069.2352%2015.9897C69.3541%2016.1451%2069.4698%2016.3029%2069.5831%2016.4632C69.6964%2016.6234%2069.7792%2016.7499%2069.8306%2016.8433L69.9078%2016.828V10.6834H72.4775V21.3435H70.0315L65.9286%2016.1298C65.7944%2015.9647%2065.6674%2015.794%2065.5493%2015.6176C65.4304%2015.442%2065.3347%2015.2971%2065.2632%2015.1835L65.1861%2015.1988V21.3435H62.6163Z%22%20fill%3D%22%23EDEDED%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20237)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M78.9502%2021.5295C77.8043%2021.5295%2076.8312%2021.3306%2076.0317%2020.9319C75.2313%2020.5341%2074.6255%2019.9261%2074.2124%2019.1087C73.7994%2018.2913%2073.5929%2017.2572%2073.5929%2016.0058C73.5929%2014.1648%2074.0549%2012.7861%2074.9782%2011.8704C75.9015%2010.9548%2077.2258%2010.4974%2078.9494%2010.4974C79.9096%2010.4974%2080.7606%2010.66%2081.5039%2010.9862C82.2472%2011.3123%2082.8273%2011.7979%2083.246%2012.4446C83.6638%2013.0913%2083.8728%2013.895%2083.8728%2014.8574H81.1632C81.1632%2014.4024%2081.0724%2014.0118%2080.8924%2013.6856C80.7116%2013.3595%2080.4585%2013.109%2080.1338%2012.9335C79.8084%2012.7579%2079.4138%2012.6693%2078.9494%2012.6693C78.3716%2012.6693%2077.8967%2012.7885%2077.5247%2013.0261C77.1534%2013.2644%2076.8794%2013.6059%2076.7043%2014.0504C76.5283%2014.4958%2076.4407%2015.0337%2076.4407%2015.6643V16.3625C76.4407%2016.9939%2076.5283%2017.5343%2076.7043%2017.9836C76.8794%2018.4338%2077.1502%2018.7753%2077.5166%2019.008C77.8831%2019.2408%2078.3548%2019.3575%2078.9333%2019.3575C79.4283%2019.3575%2079.8494%2019.2746%2080.1949%2019.1095C80.5404%2018.9444%2080.804%2018.6988%2080.9848%2018.3726C81.1656%2018.0465%2081.2556%2017.6567%2081.2556%2017.2009H83.872C83.872%2018.1632%2083.6679%2018.9645%2083.2605%2019.6064C82.8523%2020.2482%2082.2801%2020.729%2081.5417%2021.0495C80.8032%2021.37%2079.9394%2021.5303%2078.9486%2021.5303L78.9502%2021.5295Z%22%20fill%3D%22%23EDEDED%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20237)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M85.1127%2021.3435V10.6834H94V12.8553H87.8841V14.8574H93.133V16.9834H87.8841V19.1715H94V21.3435H85.1127Z%22%20fill%3D%22%23EDEDED%22%20style%3D%22fill%3A%20rgb(237%2C%20237%2C%20237)%20!important%3B%22%2F%3E%3C%2Fsvg%3E"
,
"favicon": "https://www.lance.live/favicon.ico?favicon.db23e84e.ico",
"ogImage": null,
"logoHref": "/"
},
"__llm_logo_reasoning": {
"selectedIndex": 0,
"reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which aligns with the brand 'Lance Live'.",
"confidence": 0.9,
"source": "llm"
},
"__llm_button_reasoning": {
"primary": {
"index": 0,
"text": "Request a Demo",
"reasoning": "The button 'Request a Demo' is the only button available and serves as the primary call-to-action with a clear action-oriented text."
},
"secondary": {
"index": -1,
"text": "N/A",
"reasoning": "There is only one button available, so no secondary button can be selected."
},
"confidence": 0.9
},
"personality": {
"tone": "professional",
"energy": "medium",
"targetAudience": "business professionals"
},
"designSystem": {
"framework": "tailwind",
"componentLibrary": ""
},
"confidence": {
"buttons": 0.9,
"colors": 0.9,
"overall": 0.9
},
"__llm_metadata": {
"logoSelection": {
"llmCalled": true,
"llmSucceeded": true,
"finalSource": "llm",
"rawLogoSelection": {
"selectedLogoIndex": 0,
"selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which aligns with the brand 'Lance Live'.",
"confidence": 0.9
}
},
"buttonClassification": {
"llmCalled": true,
"llmSucceeded": true
}
}
}