CAPSULE Brand: Colors, Fonts, Logo & Visual Identity
CAPSULE Brand Identity
A complete profile of CAPSULE's visual system — colors, typography, components, and personality — extracted from https://capsule.video/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://capsule.video/.
primary#C3FF51rgb(195, 255, 81)
secondary#3898ECrgb(56, 152, 236)
accent#2F3A21rgb(47, 58, 33)
background#151718rgb(21, 23, 24)
textPrimary#151718rgb(21, 23, 24)
link#2F3A21rgb(47, 58, 33)
Typography
Each font links to its Google Fonts page where available.
primary
Roobert
heading
Roobert
Roobert, Arial, sans-serif
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M88.6617%2020.222H85.1054V0.39642H88.6617V20.222Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M73.5398%2020.6187C70.6041%2020.6187%2068.3459%2018.6645%2068.3459%2014.8976V6.17436H71.9025V14.0763C71.9025%2016.1155%2072.7776%2017.2767%2074.7535%2017.2767C76.7294%2017.2767%2077.9996%2015.6623%2077.9996%2013.4248V6.17436H81.5563V20.2222H77.9996V18.0131C77.0964%2019.6841%2075.5156%2020.6187%2073.5398%2020.6187Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M60.2939%2020.6188C56.7938%2020.6188%2054.8178%2018.5796%2053.8864%2016.3987L56.7373%2014.5862C57.33%2016.3421%2058.5439%2017.6167%2060.3504%2017.6167C61.4512%2017.6167%2062.5521%2017.0785%2062.5521%2016.0589C62.5521%2015.1243%2061.6206%2014.6428%2059.56%2014.2463C56.8219%2013.7082%2054.6767%2012.4054%2054.6767%209.85636C54.6767%207.22237%2057.1607%205.77794%2059.8987%205.77794C62.9472%205.77794%2064.5562%206.93916%2065.6853%209.31822L63.1166%2010.8477C62.5238%209.31822%2061.3948%208.38362%2059.9552%208.38362C58.7979%208.38362%2057.8382%208.75174%2057.8382%209.62973C57.8382%2010.5361%2058.939%2011.1592%2061.1407%2011.6123C64.4151%2012.292%2065.8265%2013.5949%2065.8265%2015.9457C65.8265%2018.5796%2063.7658%2020.6188%2060.2939%2020.6188Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M40.8369%2026H37.2803V6.17445H40.8369V8.18534C41.7685%206.82586%2043.575%205.77794%2045.692%205.77794C49.1922%205.77794%2052.1278%208.5252%2052.1278%2013.1984C52.1278%2017.7016%2049.1075%2020.6188%2045.3815%2020.6188C43.4056%2020.6188%2041.8532%2019.7691%2040.8369%2018.4947V26ZM44.563%2017.2767C46.8494%2017.2767%2048.5148%2015.4925%2048.5148%2013.1984C48.5148%2010.9043%2046.8494%209.11995%2044.563%209.11995C42.2766%209.11995%2040.6111%2010.9043%2040.6111%2013.1984C40.6111%2015.4925%2042.2766%2017.2767%2044.563%2017.2767Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M25.6626%2020.6188C22.8963%2020.6188%2020.9487%2018.8911%2020.9487%2016.2288C20.9487%2013.3683%2023.2915%2011.9805%2025.9449%2011.584L30.1507%2010.9326V10.3945C30.1507%209.03498%2029.3039%208.27031%2027.582%208.27031C25.9449%208.27031%2025.0698%208.97837%2025.0698%209.85636C25.0698%209.96967%2025.0698%2010.0263%2025.1263%2010.1962L21.9366%2011.2725C21.7672%2010.9043%2021.6825%2010.4795%2021.6825%2010.0829C21.6825%207.9021%2023.8278%205.77794%2027.582%205.77794C31.5056%205.77794%2033.7073%207.44893%2033.7073%2010.8759V16.7387C33.7073%2018.353%2033.9614%2019.231%2034.6388%2020.2223H31.0258C30.7999%2019.939%2030.3483%2019.2027%2030.3483%2017.9848C29.3604%2019.7408%2027.6667%2020.6188%2025.6626%2020.6188ZM26.5094%2017.7299C28.57%2017.7299%2030.1507%2016.3705%2030.1507%2013.6515V13.3967L26.7634%2013.9631C25.2392%2014.2179%2024.4206%2014.8977%2024.4206%2016.0306C24.4206%2017.1635%2025.2674%2017.7299%2026.5094%2017.7299Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M10.1053%2020.6186C4.29053%2020.6186%200%2016.4835%200%2010.3093C0%204.13505%204.45989%200%2010.2465%200C14.3959%200%2017.5855%202.18081%2018.9122%205.18297L15.8919%207.36381C14.7063%204.84311%2012.8998%203.45532%2010.1335%203.45532C6.66161%203.45532%203.78244%206.08928%203.78244%2010.3093C3.78244%2014.3877%206.60515%2017.1633%2010.1335%2017.1633C12.7022%2017.1633%2014.7346%2015.8038%2016.1177%2013.1981L19.0251%2015.2941C16.6258%2018.9476%2014.3676%2020.6186%2010.1053%2020.6186Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using CAPSULE's actual button styles.
Button Primary
buttonPrimary
background: #2F3A21
textColor: #F1F1F3
borderColor: #C3FF51
borderRadius: 12px
shadow: none
Button Secondary
buttonSecondary
background: #2E2E2E
textColor: #F1F1F3
borderRadius: 0px
shadow: none
Brand Personality
Tone: modern
Energy: medium
Audience: tech-savvy professionals
CAPSULE Brand in the Wild
Image: cdn.prod.website-files.com
Source: capsule.video
Image: cdn.prod.website-files.com
Source: capsule.video
Frequently Asked Questions
What is CAPSULE's primary brand color?
CAPSULE's primary brand color is #C3FF51. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does CAPSULE use?
CAPSULE uses #2F3A21 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does CAPSULE use?
CAPSULE uses Roobert as the primary typeface across body and headings.
Does CAPSULE use a light or dark theme?
CAPSULE's primary site uses a dark color scheme, with a background of #151718.
Where can I find CAPSULE's logo?
CAPSULE's logo is available directly on their site (https://capsule.video/). 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://capsule.video/ 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 CAPSULE.
Machine-Readable Profile
Direct endpoints for agents, designers, and tooling. No login or auth required.
{
"colorScheme": "dark",
"fonts": [
{
"family": "Roobert",
"role": "body"
}
],
"colors": {
"primary": "#C3FF51",
"secondary": "#3898EC",
"accent": "#2F3A21",
"background": "#151718",
"textPrimary": "#151718",
"link": "#2F3A21"
},
"typography": {
"fontFamilies": {
"primary": "Roobert",
"heading": "Roobert"
},
"fontStacks": {
"heading": [
"Roobert",
"Arial",
"sans-serif"
],
"body": [
"Roobert",
"Arial",
"sans-serif"
],
"paragraph": [
"Roobert",
"Arial",
"sans-serif"
]
},
"fontSizes": {
"h1": "180px",
"h2": "56px",
"body": "20px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "12px"
},
"components": {
"buttonPrimary": {
"background": "#2F3A21",
"textColor": "#F1F1F3",
"borderColor": "#C3FF51",
"borderRadius": "12px",
"borderRadiusCorners": {
"topLeft": "12px",
"topRight": "12px",
"bottomRight": "12px",
"bottomLeft": "12px"
},
"shadow": "none"
},
"buttonSecondary": {
"background": "#2E2E2E",
"textColor": "#F1F1F3",
"borderRadius": "0px",
"borderRadiusCorners": {
"topLeft": "0px",
"topRight": "0px",
"bottomRight": "0px",
"bottomLeft": "0px"
},
"shadow": "none"
}
},
"images": {
"logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20106%2026%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M105.625%2012.8018V14.048H94.786C95.1527%2016.2572%2096.6487%2017.56%2098.7657%2017.56C100.544%2017.56%20101.701%2016.6537%20102.548%2014.9827L105.202%2016.5121C103.96%2019.146%20101.758%2020.6188%2098.794%2020.6188C94.08%2020.6188%2091.4271%2017.0502%2091.4271%2013.17C91.4271%208.75174%2094.7293%205.77794%2098.794%205.77794C102.802%205.77794%20105.625%208.69513%20105.625%2012.8018ZM94.8985%2011.3291H102.323C101.984%209.57312%20100.657%208.49685%2098.6815%208.49685C96.7337%208.49685%2095.4069%209.57312%2094.8985%2011.3291Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M88.6617%2020.222H85.1054V0.39642H88.6617V20.222Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M73.5398%2020.6187C70.6041%2020.6187%2068.3459%2018.6645%2068.3459%2014.8976V6.17436H71.9025V14.0763C71.9025%2016.1155%2072.7776%2017.2767%2074.7535%2017.2767C76.7294%2017.2767%2077.9996%2015.6623%2077.9996%2013.4248V6.17436H81.5563V20.2222H77.9996V18.0131C77.0964%2019.6841%2075.5156%2020.6187%2073.5398%2020.6187Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M60.2939%2020.6188C56.7938%2020.6188%2054.8178%2018.5796%2053.8864%2016.3987L56.7373%2014.5862C57.33%2016.3421%2058.5439%2017.6167%2060.3504%2017.6167C61.4512%2017.6167%2062.5521%2017.0785%2062.5521%2016.0589C62.5521%2015.1243%2061.6206%2014.6428%2059.56%2014.2463C56.8219%2013.7082%2054.6767%2012.4054%2054.6767%209.85636C54.6767%207.22237%2057.1607%205.77794%2059.8987%205.77794C62.9472%205.77794%2064.5562%206.93916%2065.6853%209.31822L63.1166%2010.8477C62.5238%209.31822%2061.3948%208.38362%2059.9552%208.38362C58.7979%208.38362%2057.8382%208.75174%2057.8382%209.62973C57.8382%2010.5361%2058.939%2011.1592%2061.1407%2011.6123C64.4151%2012.292%2065.8265%2013.5949%2065.8265%2015.9457C65.8265%2018.5796%2063.7658%2020.6188%2060.2939%2020.6188Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M40.8369%2026H37.2803V6.17445H40.8369V8.18534C41.7685%206.82586%2043.575%205.77794%2045.692%205.77794C49.1922%205.77794%2052.1278%208.5252%2052.1278%2013.1984C52.1278%2017.7016%2049.1075%2020.6188%2045.3815%2020.6188C43.4056%2020.6188%2041.8532%2019.7691%2040.8369%2018.4947V26ZM44.563%2017.2767C46.8494%2017.2767%2048.5148%2015.4925%2048.5148%2013.1984C48.5148%2010.9043%2046.8494%209.11995%2044.563%209.11995C42.2766%209.11995%2040.6111%2010.9043%2040.6111%2013.1984C40.6111%2015.4925%2042.2766%2017.2767%2044.563%2017.2767Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M25.6626%2020.6188C22.8963%2020.6188%2020.9487%2018.8911%2020.9487%2016.2288C20.9487%2013.3683%2023.2915%2011.9805%2025.9449%2011.584L30.1507%2010.9326V10.3945C30.1507%209.03498%2029.3039%208.27031%2027.582%208.27031C25.9449%208.27031%2025.0698%208.97837%2025.0698%209.85636C25.0698%209.96967%2025.0698%2010.0263%2025.1263%2010.1962L21.9366%2011.2725C21.7672%2010.9043%2021.6825%2010.4795%2021.6825%2010.0829C21.6825%207.9021%2023.8278%205.77794%2027.582%205.77794C31.5056%205.77794%2033.7073%207.44893%2033.7073%2010.8759V16.7387C33.7073%2018.353%2033.9614%2019.231%2034.6388%2020.2223H31.0258C30.7999%2019.939%2030.3483%2019.2027%2030.3483%2017.9848C29.3604%2019.7408%2027.6667%2020.6188%2025.6626%2020.6188ZM26.5094%2017.7299C28.57%2017.7299%2030.1507%2016.3705%2030.1507%2013.6515V13.3967L26.7634%2013.9631C25.2392%2014.2179%2024.4206%2014.8977%2024.4206%2016.0306C24.4206%2017.1635%2025.2674%2017.7299%2026.5094%2017.7299Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M10.1053%2020.6186C4.29053%2020.6186%200%2016.4835%200%2010.3093C0%204.13505%204.45989%200%2010.2465%200C14.3959%200%2017.5855%202.18081%2018.9122%205.18297L15.8919%207.36381C14.7063%204.84311%2012.8998%203.45532%2010.1335%203.45532C6.66161%203.45532%203.78244%206.08928%203.78244%2010.3093C3.78244%2014.3877%206.60515%2017.1633%2010.1335%2017.1633C12.7022%2017.1633%2014.7346%2015.8038%2016.1177%2013.1981L19.0251%2015.2941C16.6258%2018.9476%2014.3676%2020.6186%2010.1053%2020.6186Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(241%2C%20241%2C%20243)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
"favicon": "https://cdn.prod.website-files.com/5ffdbd5d129a24ad7ef58939/6260230be81621e87a22c1b4_Frame%20168.png",
"ogImage": "https://cdn.prod.website-files.com/5ffdbd5d129a24ad7ef58939/670948b77ed6a80b606ba656_OpenGraph.png",
},
"__llm_button_reasoning": {
"primary": {
"index": 5,
"text": "Sign inSign in",
"reasoning": "Button #5 has a vibrant background color (#2F3A21) that stands out as a primary CTA, and the text 'Sign in' is action-oriented, making it a strong candidate for primary action."
},
"secondary": {
"index": 1,
"text": "Book a demo",
"reasoning": "Button #1 has a different background color (#2E2E2E) from the primary button and serves as a secondary action with the text 'Book a demo'."
},
},
"personality": {
"tone": "modern",
"energy": "medium",
"targetAudience": "tech-savvy professionals"
},
"confidence": {
"overall": 0.9
}
}