# Ficra Brand Identity A complete profile of **Ficra**'s visual system — colors, typography, components, and personality — extracted from https://ficra.ai/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/ficra - Machine-readable JSON: https://characterquilt.com/branding/ficra.json - Per-page llms.txt: https://characterquilt.com/branding/ficra/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #020617 | | Accent | #475569 | | Body Font | Inter | | Heading Font | Inter | ## Color Palette - primary: #020617 - secondary: #292F38 - accent: #475569 - background: #FFFFFF - textPrimary: #475569 - link: #475569 ## Typography - primary: Inter — https://fonts.google.com/specimen/Inter - heading: Inter — https://fonts.google.com/specimen/Inter ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%20914%20443%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22914%22%20height%3D%22443%22%20fill%3D%22none%22%20id%3D%22svg1829480970_3869%22%3E%3Cg%20clip-path%3D%22url(%23svg1829480970_3869_a)%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M269.29%20310.41v113.04c0%201.46.02%202.92-.04%204.38-.41%208.73-5.49%2013.79-14.16%2013.82-18.72.07-37.44.09-56.15-.02-9.24-.05-16.64-4.62-16.59-16.64.29-70.01.16-140.02.15-210.03%200-2.54-.07-5.11-.44-7.62-.68-4.52-2.38-6.06-7.01-6.26-4.37-.19-8.75-.1-13.12-.1-10.33%200-20.66-.03-30.99.04-5.69.04-7.92%202.27-8.18%207.92-.08%201.82-.04%203.65-.04%205.47%200%2069.65.02%20139.29.02%20208.94%200%2014.61-3.72%2018.33-18.35%2018.33-16.77%200-33.55.07-50.32-.05-4.6-.03-9.25-.46-13.17-3.4-3.75-2.83-4.76-6.91-4.94-11.28-.13-3.15-.02-6.32-.02-9.48v-204.2c0-11.16-1.12-12.26-12.32-12.27-3.89%200-7.79.12-11.67-.1-5.51-.3-10.03-3.7-11.4-8.24-1.51-5.01.15-10.73%204.04-13.91%202.5-2.04%205.5-2.48%208.57-2.53%204.74-.08%209.48.02%2014.22-.06%206-.1%208.33-2.01%208.54-7.95%201.11-30.62%204.03-62.7%2016.61-90.99%209.39-21.13%2023.93-40.19%2042.85-53.5%2017.48-12.3%2038.27-19.44%2059.45-22.31%2014.94-2.02%2030.22-1.98%2045%20.97%2014.6%202.92%2028.84%208.79%2040.12%2018.51%2010.31%208.88%2017.85%2020.73%2022.59%2033.48%206.43%2017.31%207.6%2037.45-1.1%2053.74-4.69%208.78-12.11%2016.08-20.97%2020.63-17.56%209.01-39.68%203.77-53.14-10.26-10.88-11.34-15.68-28.2-12.41-43.57%203.46-16.25%2015.76-30%2031.3-35.73%203.44-1.27%203.78-2.76.82-5-29.51-22.36-62.14%2010.54-71.59%2037.59-8.7%2024.91-11.43%2054.44-12.56%2080.69-.34%208-3.67%2023.71%208.92%2023.71%2039.87.02%2079.74.28%20119.6-.12%2014.09-.14%2017.86%207.75%2017.86%2018.04%200%2026.5%200%2052.99-.01%2079.49%200%2012.28%200%2024.55.02%2036.83h.01Zm644%2041.84c.01%2024.06.02%2048.13.01%2072.19%200%2011.4-4.32%2016.68-15.71%2017.02-17.12.5-34.27.29-51.4.07-6.31-.08-10.32-4-11.59-10.16-.32-1.54-.52-3.11-.72-4.68-.33-2.54.86-5.96-2.22-7.13-2.76-1.04-5.03%201.46-6.94%203.17-18.08%2016.29-48.17%2021.85-71.69%2018.56-18.97-2.65-37.46-12.72-47.35-29.12-6.06-10.03-8.66-21.95-8.4-33.66.25-11.36%203.17-22.75%209.07-32.47%2010.21-16.83%2028.36-27.36%2046.94-33.85%2024.31-8.49%2050.13-11.99%2074.4-20.53%208.01-2.82%206.02-11.29%204.88-17.68-1.52-8.48-2.76-16.25-6.67-24.09-12.25-24.61-35.13-34.33-60.92-38.76-7.35-1.26-11.67-6.73-11.35-13.42.24-5.1%203.15-8.96%207.97-10.69%2025.03-9.02%2054.71-12.66%2080.99-7.74%2015.1%202.82%2029.75%209.16%2041.05%2019.56%2013.82%2012.71%2021.85%2030.71%2025.72%2049.08%203.86%2018.37%203.89%2037.3%203.91%2056.07l.03%2048.26h-.01Zm-78.88-5.88c-.09-2.59-.16-5.16-.13-7.69.05-4.84%202.83-24.72-7.07-21.64-24.33%207.58-55.87%2029.06-47.76%2059.08%204.36%2016.12%2020.12%2022.87%2035.23%2017.66%206.05-2.09%2011.52-6.11%2014.74-11.64%206.33-10.86%205.41-23.55%204.98-35.77h.01ZM440.82%20176.63c16.17.18%2032.15%203.17%2046.94%209.28%205.62%202.32%2011.01%205.19%2016.01%208.64%208.38%205.78%2015.77%2013.39%2019.77%2022.75%207.43%2017.42.81%2039.68-14.93%2050.21-15.74%2010.53-38.85%208.14-52.11-5.38-8.43-8.6-12.27-21.09-11.19-32.98.55-6.02%202.33-12.19%205.59-17.33%202.61-4.12%206.97-8.16-.4-10.23-22.21-6.21-45.13%209.97-56.3%2028.1-10.25%2016.64-13.85%2036.53-15.15%2056.03-1.57%2023.68.47%2049.04%2014.45%2068.21%2012.62%2017.32%2033.99%2027.29%2055.41%2028.12%2013.66.53%2027.3-2.46%2039.8-7.89%206.45-2.81%2012.61-6.27%2018.4-10.27%204.73-3.26%208.9-6.53%2014.95-4.21%207.07%202.72%2010.19%209.06%207.28%2016.12-13.66%2033.09-44.8%2056.12-79.48%2063.77-27.51%206.07-57.15%202.03-81.97-11.29-20.62-11.06-37.72-28.26-49.7-48.36-25.22-42.31-26.2-98.82.26-140.36%2025.26-39.64%2074.64-63.47%20122.38-62.93h-.01Z%22%2F%3E%3Cpath%20d%3D%22M555.2%20310.04V193.35c.09-11.03%205.29-16.2%2016.38-16.38%209.6-.15%2019.18%201.21%2028.77.57%207.16-.48%2014.3-1.07%2021.44.05%208.65%201.36%2012.66%206.02%2012.95%2014.82.21%206.55-.58%2013.13.52%2019.65.19%201.15-.02%202.65%201.41%203.12%201.53.51%202.46-.74%203.4-1.66%2017.13-16.98%2035.34-34.17%2060.75-35.92%2012.36-.85%2025.23%202.55%2034.7%2010.54%206.82%205.75%2011.68%2013.7%2013.98%2022.32%203.83%2014.35.23%2030.5-9.44%2041.77-9.67%2011.27-25.17%2017.28-39.89%2015.32-17.48-2.33-27.83-13.95-35.84-28.49-2.64-4.8-4.84-5.41-9.3-2.21-6.47%204.64-11.98%2010.27-16.52%2016.82-3.2%204.62-3.75%209.94-3.75%2015.33-.02%2052.27-.03%20104.54.03%20156.81%200%204.87-.97%209.2-4.95%2012.33-2.97%202.33-6.51%203.42-10.19%203.45-16.9.11-33.79.21-50.69%200-8.96-.11-13.72-5.46-13.73-14.86-.03-38.9-.01-77.8-.01-116.69h-.02Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22svg1829480970_3869_a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h913.31v442.33H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%3C%2Fsvg%3E - Favicon: https://framerusercontent.com/images/m70Y3zk6MCYOQ5S3QJWWSGXKqPA.svg - Social card (og:image): https://framerusercontent.com/images/ifb22OBLRjqhi1jAWFFJrxUwcUI.png ## UI Components - buttonPrimary: background=#FFFFFF, textColor=#0000EE, borderRadius=100px, shadow=rgba(255, 255, 255, 0.1) 0px 2px 0px 0px inset ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy professionals ## Ficra Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Ficra A.I.: Everything your users see. Everywhere they see it.** - Image: https://framerusercontent.com/images/Kh2dvo624oaYo3UrjZhdOWvCzh0.png?width=3472&height=1964 - Source: https://ficra.ai/ - **Ficra A.I.: Everything your users see. Everywhere they see it.** - Image: https://framerusercontent.com/images/ifb22OBLRjqhi1jAWFFJrxUwcUI.png - Source: https://ficra.ai/company - **Ficra A.I.: Everything your users see. Everywhere they see it.** - Image: https://framerusercontent.com/images/BdcySRN2BiCbX0US3UcBxP229o.jpeg?width=1024&height=1024 - Source: https://ficra.ai/company ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ## Machine-Readable Profile ```json { "colorScheme": "light", "fonts": [ { "family": "Inter", "role": "body" } ], "colors": { "primary": "#020617", "secondary": "#292F38", "accent": "#475569", "background": "#FFFFFF", "textPrimary": "#475569", "link": "#475569" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "Inter" }, "fontStacks": { "heading": [ "Inter", "sans-serif" ], "body": [ "sans-serif" ], "paragraph": [ "Inter", "sans-serif" ] }, "fontSizes": { "h1": "48px", "h2": "48px", "body": "14px" } }, "spacing": { "baseUnit": 4, "borderRadius": "16px" }, "components": { "buttonPrimary": { "background": "#FFFFFF", "textColor": "#0000EE", "borderRadius": "100px", "borderRadiusCorners": { "topLeft": "100px", "topRight": "100px", "bottomRight": "100px", "bottomLeft": "100px" }, "shadow": "rgba(255, 255, 255, 0.1) 0px 2px 0px 0px inset" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%20914%20443%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22914%22%20height%3D%22443%22%20fill%3D%22none%22%20id%3D%22svg1829480970_3869%22%3E%3Cg%20clip-path%3D%22url(%23svg1829480970_3869_a)%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M269.29%20310.41v113.04c0%201.46.02%202.92-.04%204.38-.41%208.73-5.49%2013.79-14.16%2013.82-18.72.07-37.44.09-56.15-.02-9.24-.05-16.64-4.62-16.59-16.64.29-70.01.16-140.02.15-210.03%200-2.54-.07-5.11-.44-7.62-.68-4.52-2.38-6.06-7.01-6.26-4.37-.19-8.75-.1-13.12-.1-10.33%200-20.66-.03-30.99.04-5.69.04-7.92%202.27-8.18%207.92-.08%201.82-.04%203.65-.04%205.47%200%2069.65.02%20139.29.02%20208.94%200%2014.61-3.72%2018.33-18.35%2018.33-16.77%200-33.55.07-50.32-.05-4.6-.03-9.25-.46-13.17-3.4-3.75-2.83-4.76-6.91-4.94-11.28-.13-3.15-.02-6.32-.02-9.48v-204.2c0-11.16-1.12-12.26-12.32-12.27-3.89%200-7.79.12-11.67-.1-5.51-.3-10.03-3.7-11.4-8.24-1.51-5.01.15-10.73%204.04-13.91%202.5-2.04%205.5-2.48%208.57-2.53%204.74-.08%209.48.02%2014.22-.06%206-.1%208.33-2.01%208.54-7.95%201.11-30.62%204.03-62.7%2016.61-90.99%209.39-21.13%2023.93-40.19%2042.85-53.5%2017.48-12.3%2038.27-19.44%2059.45-22.31%2014.94-2.02%2030.22-1.98%2045%20.97%2014.6%202.92%2028.84%208.79%2040.12%2018.51%2010.31%208.88%2017.85%2020.73%2022.59%2033.48%206.43%2017.31%207.6%2037.45-1.1%2053.74-4.69%208.78-12.11%2016.08-20.97%2020.63-17.56%209.01-39.68%203.77-53.14-10.26-10.88-11.34-15.68-28.2-12.41-43.57%203.46-16.25%2015.76-30%2031.3-35.73%203.44-1.27%203.78-2.76.82-5-29.51-22.36-62.14%2010.54-71.59%2037.59-8.7%2024.91-11.43%2054.44-12.56%2080.69-.34%208-3.67%2023.71%208.92%2023.71%2039.87.02%2079.74.28%20119.6-.12%2014.09-.14%2017.86%207.75%2017.86%2018.04%200%2026.5%200%2052.99-.01%2079.49%200%2012.28%200%2024.55.02%2036.83h.01Zm644%2041.84c.01%2024.06.02%2048.13.01%2072.19%200%2011.4-4.32%2016.68-15.71%2017.02-17.12.5-34.27.29-51.4.07-6.31-.08-10.32-4-11.59-10.16-.32-1.54-.52-3.11-.72-4.68-.33-2.54.86-5.96-2.22-7.13-2.76-1.04-5.03%201.46-6.94%203.17-18.08%2016.29-48.17%2021.85-71.69%2018.56-18.97-2.65-37.46-12.72-47.35-29.12-6.06-10.03-8.66-21.95-8.4-33.66.25-11.36%203.17-22.75%209.07-32.47%2010.21-16.83%2028.36-27.36%2046.94-33.85%2024.31-8.49%2050.13-11.99%2074.4-20.53%208.01-2.82%206.02-11.29%204.88-17.68-1.52-8.48-2.76-16.25-6.67-24.09-12.25-24.61-35.13-34.33-60.92-38.76-7.35-1.26-11.67-6.73-11.35-13.42.24-5.1%203.15-8.96%207.97-10.69%2025.03-9.02%2054.71-12.66%2080.99-7.74%2015.1%202.82%2029.75%209.16%2041.05%2019.56%2013.82%2012.71%2021.85%2030.71%2025.72%2049.08%203.86%2018.37%203.89%2037.3%203.91%2056.07l.03%2048.26h-.01Zm-78.88-5.88c-.09-2.59-.16-5.16-.13-7.69.05-4.84%202.83-24.72-7.07-21.64-24.33%207.58-55.87%2029.06-47.76%2059.08%204.36%2016.12%2020.12%2022.87%2035.23%2017.66%206.05-2.09%2011.52-6.11%2014.74-11.64%206.33-10.86%205.41-23.55%204.98-35.77h.01ZM440.82%20176.63c16.17.18%2032.15%203.17%2046.94%209.28%205.62%202.32%2011.01%205.19%2016.01%208.64%208.38%205.78%2015.77%2013.39%2019.77%2022.75%207.43%2017.42.81%2039.68-14.93%2050.21-15.74%2010.53-38.85%208.14-52.11-5.38-8.43-8.6-12.27-21.09-11.19-32.98.55-6.02%202.33-12.19%205.59-17.33%202.61-4.12%206.97-8.16-.4-10.23-22.21-6.21-45.13%209.97-56.3%2028.1-10.25%2016.64-13.85%2036.53-15.15%2056.03-1.57%2023.68.47%2049.04%2014.45%2068.21%2012.62%2017.32%2033.99%2027.29%2055.41%2028.12%2013.66.53%2027.3-2.46%2039.8-7.89%206.45-2.81%2012.61-6.27%2018.4-10.27%204.73-3.26%208.9-6.53%2014.95-4.21%207.07%202.72%2010.19%209.06%207.28%2016.12-13.66%2033.09-44.8%2056.12-79.48%2063.77-27.51%206.07-57.15%202.03-81.97-11.29-20.62-11.06-37.72-28.26-49.7-48.36-25.22-42.31-26.2-98.82.26-140.36%2025.26-39.64%2074.64-63.47%20122.38-62.93h-.01Z%22%2F%3E%3Cpath%20d%3D%22M555.2%20310.04V193.35c.09-11.03%205.29-16.2%2016.38-16.38%209.6-.15%2019.18%201.21%2028.77.57%207.16-.48%2014.3-1.07%2021.44.05%208.65%201.36%2012.66%206.02%2012.95%2014.82.21%206.55-.58%2013.13.52%2019.65.19%201.15-.02%202.65%201.41%203.12%201.53.51%202.46-.74%203.4-1.66%2017.13-16.98%2035.34-34.17%2060.75-35.92%2012.36-.85%2025.23%202.55%2034.7%2010.54%206.82%205.75%2011.68%2013.7%2013.98%2022.32%203.83%2014.35.23%2030.5-9.44%2041.77-9.67%2011.27-25.17%2017.28-39.89%2015.32-17.48-2.33-27.83-13.95-35.84-28.49-2.64-4.8-4.84-5.41-9.3-2.21-6.47%204.64-11.98%2010.27-16.52%2016.82-3.2%204.62-3.75%209.94-3.75%2015.33-.02%2052.27-.03%20104.54.03%20156.81%200%204.87-.97%209.2-4.95%2012.33-2.97%202.33-6.51%203.42-10.19%203.45-16.9.11-33.79.21-50.69%200-8.96-.11-13.72-5.46-13.73-14.86-.03-38.9-.01-77.8-.01-116.69h-.02Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22svg1829480970_3869_a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h913.31v442.33H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%3C%2Fsvg%3E", "favicon": "https://framerusercontent.com/images/m70Y3zk6MCYOQ5S3QJWWSGXKqPA.svg", "ogImage": "https://framerusercontent.com/images/ifb22OBLRjqhi1jAWFFJrxUwcUI.png", "logoHref": "./" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of a primary brand logo.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Get Access", "reasoning": "The button labeled 'Get Access' is the only button detected and serves as the primary call-to-action. It is designed with a distinct border radius and is likely intended to attract user interaction." }, "secondary": { "index": -1, "text": "N/A", "reasoning": "There is only one button detected, so no secondary button is available." }, "confidence": 0.9 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy professionals" }, "designSystem": { "framework": "custom", "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 located in the header, is visible, and links to the homepage, which are strong indicators of a primary brand logo.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```