Legacy Brand: Colors, Fonts, Logo & Visual Identity
Legacy Brand Identity
A complete profile of Legacy's visual system — colors, typography, components, and personality — extracted from https://www.givelegacy.com. Built for designers, agents, and AI tools.
Colors
Primary
#212B1A
Accent
#6ED39B
Typography
Each font links to its Google Fonts page where available.
Body Font
Roboto
Heading
Roboto
Color Palette
Brand palette extracted from https://www.givelegacy.com.
| Color Type | Hex Code | RGB |
|---|---|---|
| Primary | #212B1A | rgb(33, 43, 26) |
| Secondary | #6ED39B | rgb(110, 211, 155) |
| Accent | #6ED39B | rgb(110, 211, 155) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| Text Primary | #769A85 | rgb(118, 154, 133) |
| Link | #769A85 | rgb(118, 154, 133) |
UI Components
Live previews rendered using Legacy's actual button styles.
Input
- Background: transparent
- Text Color:
#1E293B - Border Color: null
- Border Radius:
14px - Shadow: none
Button Primary
- Background:
#6ED39B - Text Color:
#212B1A - Border Color:
#6ED39B - Border Radius:
32px - Shadow: none
Button Secondary
- Background:
#FFFFFF - Text Color:
#212B1A - Border Color:
#FFFFFF - Border Radius:
32px - Shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: health-conscious individuals seeking fertility solutions
Frequently Asked Questions
What is Legacy's primary brand color?
Legacy's primary brand color is #212B1A. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Legacy use?
Legacy uses #6ED39B as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Legacy use?
Legacy uses Roboto as the primary typeface across body and headings.
Does Legacy use a light or dark theme?
Legacy's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Legacy's logo?
Legacy's logo is available directly on their site (https://www.givelegacy.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://www.givelegacy.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 Legacy.
Machine-Readable Profile
{
"colorScheme": "light",
"fonts": [
{
"family": "Ptlspekta",
"role": "unknown"
},
{
"family": "Impact",
"role": "unknown"
},
{
"family": "Roboto",
"role": "body"
}
],
"colors": {
"primary": "#212B1A",
"secondary": "#6ED39B",
"accent": "#6ED39B",
"background": "#FFFFFF",
"textPrimary": "#769A85",
"link": "#769A85"
},
"typography": {
"fontFamilies": {
"primary": "Roboto",
"heading": "Roboto"
},
"fontStacks": {
"heading": [
"Ptlspekta",
"Impact",
"sans-serif"
],
"body": [
"Ptlspekta",
"Impact",
"sans-serif"
],
"paragraph": [
"Ptlspekta",
"Impact",
"sans-serif"
]
},
"fontSizes": {
"h1": "64px",
"h2": "24px",
"body": "20px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "16px"
},
"components": {
"input": {
"background": "transparent",
"textColor": "#1E293B",
"borderColor": null,
"borderRadius": "14px",
"shadow": "none"
},
"buttonPrimary": {
"background": "#6ED39B",
"textColor": "#212B1A",
"borderColor": "#6ED39B",
"borderRadius": "32px",
"shadow": "none"
},
"buttonSecondary": {
"background": "#FFFFFF",
"textColor": "#212B1A",
"borderColor": "#FFFFFF",
"borderRadius": "32px",
"shadow": "none"
}
},
"images": {
"logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22160%22%20height%3D%2224.930%22%20viewBox%3D%220%200%20292%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23clip0_11084_1299)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M78.1352%2042.1544H96.6124V45.0359H71.045V4.63141H78.1352V42.1544ZM102.838%2045.0359H128.706V42.1544H109.916V26.7098H126.589V23.7387H109.916V7.50006H128.706V4.63141H102.838V45.0359ZM165.473%2039.337C163.857%2042.1544%20159.209%2043.4351%20155.526%2043.4351C147.334%2043.4351%20140.494%2037.6337%20140.494%2024.8529C140.494%2012.072%20147.371%206.27064%20155.526%206.27064C162.153%206.27064%20167.177%209.13929%20169.832%2017.5147H170.496V7.55129C166.475%204.98999%20161.301%203.95266%20155.677%203.95266C141.058%203.95266%20132.728%2013.3014%20132.728%2024.8529C132.728%2036.4043%20140.958%2045.7915%20155.526%2045.7915C162.103%2045.7915%20169.181%2043.371%20172.25%2039.9389V26.7098H165.473V39.337ZM196.953%204.63141L212.674%2045.0359H205.346L199.872%2030.9487H184.664L179.278%2045.0359H176.033L191.792%204.63141H196.953ZM198.206%2026.7098L192.193%2011.2139L186.268%2026.7098H198.206ZM237.139%2043.4351C228.947%2043.4351%20222.107%2037.6337%20222.107%2024.8529C222.107%2012.072%20228.984%206.27064%20237.139%206.27064C243.766%206.27064%20248.789%209.13929%20251.445%2017.5147H252.096V7.55129C248.088%204.98999%20242.914%203.95266%20237.29%203.95266C222.671%203.95266%20214.34%2013.3014%20214.34%2024.8529C214.34%2036.4043%20222.52%2045.7915%20237.139%2045.7915C242.397%2045.9708%20247.608%2044.7295%20252.247%2042.1928V32.191H251.645C248.99%2040.5664%20243.766%2043.4351%20237.139%2043.4351ZM288.612%204.63141L276.461%2025.1218L265.312%204.69544H257.37L270.586%2028.618V45.0359H277.714V28.6052L291.932%204.63141H288.612ZM0.65625%2022.9959L12.5318%2022.1379C14.8057%2021.9603%2016.9435%2020.9605%2018.5619%2019.3178C20.1802%2017.6751%2021.1734%2015.4967%2021.3632%2013.1733L22.2025%200.96875C16.5802%201.25962%2011.2636%203.67371%207.28286%207.74326C3.30216%2011.8128%200.940775%2017.2481%200.65625%2022.9959ZM34.1657%2022.1379L46.0413%2022.9959C45.756%2017.2418%2043.3893%2011.8013%2039.4007%207.73086C35.4122%203.6604%2030.0864%201.25039%2024.4574%200.96875L25.2967%2013.1093C25.4724%2015.4441%2026.4592%2017.6377%2028.0789%2019.2936C29.6986%2020.9494%2031.8443%2021.9583%2034.1282%2022.1379H34.1657ZM25.3593%2035.2261L24.4574%2047.3667C30.0925%2047.0842%2035.4234%2044.6688%2039.4129%2040.5903C43.4023%2036.5119%2045.765%2031.062%2046.0413%2025.3011L34.1657%2026.1591C31.8931%2026.3532%2029.7623%2027.3685%2028.1554%2029.023C26.5485%2030.6775%2025.5706%2032.863%2025.3969%2035.1877L25.3593%2035.2261ZM12.5944%2026.2231L0.65625%2025.3011C0.940775%2031.0489%203.30216%2036.4842%207.28286%2040.5537C11.2636%2044.6233%2016.5802%2047.0374%2022.2025%2047.3282L21.3632%2035.1877C21.1754%2032.8744%2020.1912%2030.7041%2018.5856%2029.0627C16.9801%2027.4213%2014.8572%2026.4152%2012.5944%2026.2231Z%22%20fill%3D%22%23B08A37%22%20style%3D%22fill%3A%20rgb(176%2C%20138%2C%2055)%20!important%3B%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%3CclipPath%20id%3D%22clip0_11084_1299%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20width%3D%22291.276%22%20height%3D%2246.3979%22%20fill%3D%22white%22%20transform%3D%22translate(0.65625%200.96875)%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%3C%2Fsvg%3E",
"favicon": "https://cdn.prod.website-files.com/67db011dcfaa181261c2d69f/67fe5d904aff5db30eace0d4_LEGACY-ICON_32x32.png",
"ogImage": "https://cdn.prod.website-files.com/68810031238f07e042d93aed/69208c76fcc929978549dbd5_Legacy%20sperm%20testing%20and%20freezing.jpg",
"logoHref": "https://www.givelegacy.com/"
}
}