# Metaview Brand Identity A complete profile of **Metaview**'s visual system — colors, typography, components, and personality — extracted from https://www.metaview.ai/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/metaview - Machine-readable JSON: https://characterquilt.com/branding/metaview.json - Per-page llms.txt: https://characterquilt.com/branding/metaview/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #0B1B15 | | Accent | #7AFFB4 | | Body Font | Euclid Circular A | | Heading Font | Euclid Circular A | ## Color Palette - primary: #0B1B15 - secondary: #E3F6FF - accent: #7AFFB4 - background: #FBF8F4 - textPrimary: #000A06 - link: #01051B ## Typography - primary: Euclid Circular A — https://fonts.google.com/specimen/Euclid+Circular+A - heading: Euclid Circular A — https://fonts.google.com/specimen/Euclid+Circular+A ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%2219%22%20fill%3D%22none%22%20viewBox%3D%220%200%20976%20140%22%20alt%3D%22Home%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.091%20113.976c-.602-.602-.904-.904-1.017-1.251-.099-.306-.099-.635%200-.941.113-.347.415-.648%201.017-1.251l36.91-36.91c.602-.602.903-.903%201.25-1.016.306-.1.636-.1.941%200%20.348.113.649.414%201.252%201.017l36.909%2036.909c.602.603.904.904%201.017%201.251.099.306.099.635%200%20.941-.113.347-.415.649-1.017%201.251l-4.197%204.197c-12.053%2012.053-18.08%2018.079-25.029%2020.337a30.42%2030.42%200%200%201-18.81%200c-6.95-2.258-12.976-8.284-25.029-20.337zM44.134%2070.934c-.603-.603-.904-.904-1.017-1.252-.1-.305-.1-.635%200-.94.113-.348.414-.649%201.017-1.252l36.909-36.908c.602-.603.904-.905%201.251-1.017.306-.1.635-.1.94%200%20.348.112.65.414%201.252%201.016l36.909%2036.91c.603.602.904.903%201.017%201.25.099.306.099.636%200%20.941-.113.348-.414.65-1.017%201.252l-36.909%2036.909c-.603.602-.904.904-1.251%201.017a1.53%201.53%200%200%201-.94%200c-.348-.113-.65-.415-1.252-1.017zM87.172%20113.972c-.599-.599-.898-.898-1.011-1.242a1.53%201.53%200%200%201%200-.951c.113-.344.412-.643%201.01-1.242l36.914-36.913c.603-.603.904-.904%201.252-1.017.305-.1.635-.1.94%200%20.348.113.649.414%201.252%201.017l36.913%2036.913c.598.599.898.898%201.011%201.242a1.53%201.53%200%200%201%200%20.951c-.113.344-.413.643-1.011%201.242-13.462%2013.462-20.194%2020.193-27.946%2022.741a34.24%2034.24%200%200%201-21.379%200c-7.752-2.548-14.483-9.279-27.945-22.741M130.219%2070.934c-.603-.603-.904-.904-1.017-1.252a1.53%201.53%200%200%201%200-.94c.113-.348.414-.649%201.017-1.252l36.909-36.908c.602-.603.904-.905%201.251-1.017.306-.1.635-.1.941%200%20.347.112.648.414%201.251%201.016l36.909%2036.91c.603.602.904.903%201.017%201.25.099.306.099.636%200%20.941-.113.348-.414.65-1.017%201.252l-36.909%2036.909c-.603.602-.904.904-1.251%201.017a1.53%201.53%200%200%201-.941%200c-.347-.113-.649-.415-1.251-1.017zM173.261%20113.976c-.602-.602-.904-.904-1.017-1.251a1.53%201.53%200%200%201%200-.941c.113-.347.415-.648%201.017-1.251l36.909-36.91c.603-.602.904-.903%201.252-1.016.305-.1.634-.1.94%200%20.348.113.649.414%201.252%201.017l36.908%2036.909c.603.603.904.904%201.017%201.251.1.306.1.635%200%20.941-.113.347-.414.649-1.017%201.251l-4.196%204.197c-12.053%2012.053-18.08%2018.079-25.029%2020.337a30.42%2030.42%200%200%201-18.81%200c-6.95-2.258-12.976-8.284-25.029-20.337zM87.087%2027.887c-.599-.599-.898-.898-1.01-1.242a1.52%201.52%200%200%201%200-.95c.112-.345.411-.644%201.01-1.242C100.549%2010.99%20107.28%204.259%20115.032%201.71a34.24%2034.24%200%200%201%2021.38%200c7.751%202.548%2014.483%209.279%2027.945%2022.742.598.598.898.897%201.011%201.242.101.308.101.641%200%20.95-.113.344-.413.643-1.011%201.242L127.444%2064.8c-.603.603-.904.904-1.252%201.017-.305.1-.635.1-.94%200-.348-.113-.649-.414-1.252-1.017zM415.921%2017.154h-16.308l-34.307%2072.923-34.462-72.923h-16.308l-12.923%20106h18.77l8.615-71.077%2028.769%2059.077h15.231l28.615-59.23%208.462%2071.23h18.769zM514.671%2086.539c0-22.462-16.154-37.077-36.615-37.077-20.616%200-37.693%2014.769-37.693%2037.692%200%2022.461%2016.308%2037.846%2037.693%2037.846%2013.077%200%2025.846-5.846%2032.461-16.308l-12-9.077c-4.154%205.847-11.692%209.231-19.384%209.231-10.77%200-18.462-5.384-20.462-15.385h55.692c.154-2.615.308-4.922.308-6.922m-56-5.539c2.154-10.923%2010-15.692%2019.538-15.692%2010%200%2017.693%205.846%2018.77%2015.692zM552.777%2051.308V24.846h-17.846v26.462h-12.923v14.154h12.923v57.692h17.846V65.462h15.231V51.308zM633.536%2061.308c-4.769-7.539-14.307-11.846-24.153-11.846-20.308%200-35.077%2016-35.077%2037.692%200%2022.308%2015.384%2037.846%2034.615%2037.846%2010.308%200%2019.846-5.231%2024.615-13.077v11.231h17.847V51.308h-17.847zm-20.923%2047.077c-11.692%200-20.461-9.693-20.461-21.231s8.769-21.077%2020.307-21.077c10.616%200%2020.77%208.77%2020.77%2021.077%200%2012-9.539%2021.231-20.616%2021.231M700.048%20100.538l-19.077-49.23h-19.23l30%2071.846h16.307l30.308-71.846h-19.385zM757.386%2036.846c6.462%200%2011.539-4.77%2011.539-10.923%200-6.308-5.077-10.923-11.539-10.923-6.308%200-11.692%204.615-11.692%2010.923%200%206.154%205.384%2010.923%2011.692%2010.923m8.923%2086.308V51.308h-17.846v71.846zM855.987%2086.539c0-22.462-16.154-37.077-36.615-37.077-20.616%200-37.693%2014.769-37.693%2037.692%200%2022.461%2016.308%2037.846%2037.693%2037.846%2013.077%200%2025.846-5.846%2032.461-16.308l-12-9.077c-4.154%205.847-11.692%209.231-19.384%209.231-10.77%200-18.462-5.384-20.462-15.385h55.692c.154-2.615.308-4.922.308-6.922m-56-5.539c2.154-10.923%2010-15.692%2019.539-15.692%2010%200%2017.692%205.846%2018.769%2015.692zM941.32%2097.615l-15.231-46.307h-15.846l-15.231%2046.307-15.23-46.307h-19.231l26.615%2071.846h14.923l16-49.077%2016.77%2049.077h15.076l25.847-71.846h-19.231z%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2022)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://www.metaview.ai/apple-touch-icon.png - Social card (og:image): /_next/static/media/og-image-1200x630.ec808bf3.jpg ## UI Components - input: background=transparent, textColor=#01051B, borderColor=null, borderRadius=0px, shadow=none - buttonPrimary: background=#7AFFB4, textColor=#01051B, borderRadius=999px, shadow=rgba(1, 5, 27, 0.06) 0px 0px 0px 1px inset - buttonSecondary: background=#000A06, textColor=#FEFCFB, borderColor=#FCFAF7, borderRadius=999px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: recruiters and HR professionals ## Metaview Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Careers: Build the future of recruiting AI | Metaview** - Image: https://www.metaview.ai/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg11.c72749af.jpg&w=3840&q=75 - Source: https://www.metaview.ai/careers - **Interview Data Masterclass | Metaview Blog** - Image: https://storage.ghost.io/c/67/ce/67cec66b-600a-4b74-afda-e582e2e04484/content/media/2024/09/Global-AI-Assistant_final_thumb.jpg - Source: https://www.metaview.ai/resources/blog/interview-data-masterclass - **Careers: Build the future of recruiting AI | Metaview** - Image: https://www.metaview.ai/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg7.417e7205.jpg&w=3840&q=75 - Source: https://www.metaview.ai/careers - **AI Reports 2.0: Where recruiting gets its edge | Metaview Blog** - Image: https://storage.ghost.io/c/67/ce/67cec66b-600a-4b74-afda-e582e2e04484/content/images/2025/09/Blog--4-.png - Source: https://www.metaview.ai/resources/blog/ai-reports-2-0 - **Vibe sourcing is here | Metaview Blog** - Image: https://storage.ghost.io/c/67/ce/67cec66b-600a-4b74-afda-e582e2e04484/content/images/2025/11/29_MV_10x_HR-Heretics---3.jpg - Source: https://www.metaview.ai/resources/blog/vibe-sourcing-is-here - **Careers: Build the future of recruiting AI | Metaview** - Image: https://www.metaview.ai/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimg2.bd102ae4.jpg&w=3840&q=75 - Source: https://www.metaview.ai/careers ## 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": "Euclid Circular A", "role": "body" } ], "colors": { "primary": "#0B1B15", "secondary": "#E3F6FF", "accent": "#7AFFB4", "background": "#FBF8F4", "textPrimary": "#000A06", "link": "#01051B" }, "typography": { "fontFamilies": { "primary": "Euclid Circular A", "heading": "Euclid Circular A" }, "fontStacks": { "heading": [ "Euclid Circular A", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif" ], "body": [ "Euclid Circular A", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif" ], "paragraph": [ "Euclid Circular A", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif" ] }, "fontSizes": { "h1": "16px", "h2": "36px", "body": "18px" } }, "spacing": { "baseUnit": 8, "borderRadius": "0px" }, "components": { "input": { "background": "transparent", "textColor": "#01051B", "borderColor": null, "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" }, "buttonPrimary": { "background": "#7AFFB4", "textColor": "#01051B", "borderRadius": "999px", "borderRadiusCorners": { "topLeft": "999px", "topRight": "999px", "bottomRight": "999px", "bottomLeft": "999px" }, "shadow": "rgba(1, 5, 27, 0.06) 0px 0px 0px 1px inset" }, "buttonSecondary": { "background": "#000A06", "textColor": "#FEFCFB", "borderColor": "#FCFAF7", "borderRadius": "999px", "borderRadiusCorners": { "topLeft": "999px", "topRight": "999px", "bottomRight": "999px", "bottomLeft": "999px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22130%22%20height%3D%2219%22%20fill%3D%22none%22%20viewBox%3D%220%200%20976%20140%22%20alt%3D%22Home%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.091%20113.976c-.602-.602-.904-.904-1.017-1.251-.099-.306-.099-.635%200-.941.113-.347.415-.648%201.017-1.251l36.91-36.91c.602-.602.903-.903%201.25-1.016.306-.1.636-.1.941%200%20.348.113.649.414%201.252%201.017l36.909%2036.909c.602.603.904.904%201.017%201.251.099.306.099.635%200%20.941-.113.347-.415.649-1.017%201.251l-4.197%204.197c-12.053%2012.053-18.08%2018.079-25.029%2020.337a30.42%2030.42%200%200%201-18.81%200c-6.95-2.258-12.976-8.284-25.029-20.337zM44.134%2070.934c-.603-.603-.904-.904-1.017-1.252-.1-.305-.1-.635%200-.94.113-.348.414-.649%201.017-1.252l36.909-36.908c.602-.603.904-.905%201.251-1.017.306-.1.635-.1.94%200%20.348.112.65.414%201.252%201.016l36.909%2036.91c.603.602.904.903%201.017%201.25.099.306.099.636%200%20.941-.113.348-.414.65-1.017%201.252l-36.909%2036.909c-.603.602-.904.904-1.251%201.017a1.53%201.53%200%200%201-.94%200c-.348-.113-.65-.415-1.252-1.017zM87.172%20113.972c-.599-.599-.898-.898-1.011-1.242a1.53%201.53%200%200%201%200-.951c.113-.344.412-.643%201.01-1.242l36.914-36.913c.603-.603.904-.904%201.252-1.017.305-.1.635-.1.94%200%20.348.113.649.414%201.252%201.017l36.913%2036.913c.598.599.898.898%201.011%201.242a1.53%201.53%200%200%201%200%20.951c-.113.344-.413.643-1.011%201.242-13.462%2013.462-20.194%2020.193-27.946%2022.741a34.24%2034.24%200%200%201-21.379%200c-7.752-2.548-14.483-9.279-27.945-22.741M130.219%2070.934c-.603-.603-.904-.904-1.017-1.252a1.53%201.53%200%200%201%200-.94c.113-.348.414-.649%201.017-1.252l36.909-36.908c.602-.603.904-.905%201.251-1.017.306-.1.635-.1.941%200%20.347.112.648.414%201.251%201.016l36.909%2036.91c.603.602.904.903%201.017%201.25.099.306.099.636%200%20.941-.113.348-.414.65-1.017%201.252l-36.909%2036.909c-.603.602-.904.904-1.251%201.017a1.53%201.53%200%200%201-.941%200c-.347-.113-.649-.415-1.251-1.017zM173.261%20113.976c-.602-.602-.904-.904-1.017-1.251a1.53%201.53%200%200%201%200-.941c.113-.347.415-.648%201.017-1.251l36.909-36.91c.603-.602.904-.903%201.252-1.016.305-.1.634-.1.94%200%20.348.113.649.414%201.252%201.017l36.908%2036.909c.603.603.904.904%201.017%201.251.1.306.1.635%200%20.941-.113.347-.414.649-1.017%201.251l-4.196%204.197c-12.053%2012.053-18.08%2018.079-25.029%2020.337a30.42%2030.42%200%200%201-18.81%200c-6.95-2.258-12.976-8.284-25.029-20.337zM87.087%2027.887c-.599-.599-.898-.898-1.01-1.242a1.52%201.52%200%200%201%200-.95c.112-.345.411-.644%201.01-1.242C100.549%2010.99%20107.28%204.259%20115.032%201.71a34.24%2034.24%200%200%201%2021.38%200c7.751%202.548%2014.483%209.279%2027.945%2022.742.598.598.898.897%201.011%201.242.101.308.101.641%200%20.95-.113.344-.413.643-1.011%201.242L127.444%2064.8c-.603.603-.904.904-1.252%201.017-.305.1-.635.1-.94%200-.348-.113-.649-.414-1.252-1.017zM415.921%2017.154h-16.308l-34.307%2072.923-34.462-72.923h-16.308l-12.923%20106h18.77l8.615-71.077%2028.769%2059.077h15.231l28.615-59.23%208.462%2071.23h18.769zM514.671%2086.539c0-22.462-16.154-37.077-36.615-37.077-20.616%200-37.693%2014.769-37.693%2037.692%200%2022.461%2016.308%2037.846%2037.693%2037.846%2013.077%200%2025.846-5.846%2032.461-16.308l-12-9.077c-4.154%205.847-11.692%209.231-19.384%209.231-10.77%200-18.462-5.384-20.462-15.385h55.692c.154-2.615.308-4.922.308-6.922m-56-5.539c2.154-10.923%2010-15.692%2019.538-15.692%2010%200%2017.693%205.846%2018.77%2015.692zM552.777%2051.308V24.846h-17.846v26.462h-12.923v14.154h12.923v57.692h17.846V65.462h15.231V51.308zM633.536%2061.308c-4.769-7.539-14.307-11.846-24.153-11.846-20.308%200-35.077%2016-35.077%2037.692%200%2022.308%2015.384%2037.846%2034.615%2037.846%2010.308%200%2019.846-5.231%2024.615-13.077v11.231h17.847V51.308h-17.847zm-20.923%2047.077c-11.692%200-20.461-9.693-20.461-21.231s8.769-21.077%2020.307-21.077c10.616%200%2020.77%208.77%2020.77%2021.077%200%2012-9.539%2021.231-20.616%2021.231M700.048%20100.538l-19.077-49.23h-19.23l30%2071.846h16.307l30.308-71.846h-19.385zM757.386%2036.846c6.462%200%2011.539-4.77%2011.539-10.923%200-6.308-5.077-10.923-11.539-10.923-6.308%200-11.692%204.615-11.692%2010.923%200%206.154%205.384%2010.923%2011.692%2010.923m8.923%2086.308V51.308h-17.846v71.846zM855.987%2086.539c0-22.462-16.154-37.077-36.615-37.077-20.616%200-37.693%2014.769-37.693%2037.692%200%2022.461%2016.308%2037.846%2037.693%2037.846%2013.077%200%2025.846-5.846%2032.461-16.308l-12-9.077c-4.154%205.847-11.692%209.231-19.384%209.231-10.77%200-18.462-5.384-20.462-15.385h55.692c.154-2.615.308-4.922.308-6.922m-56-5.539c2.154-10.923%2010-15.692%2019.539-15.692%2010%200%2017.692%205.846%2018.769%2015.692zM941.32%2097.615l-15.231-46.307h-15.846l-15.231%2046.307-15.23-46.307h-19.231l26.615%2071.846h14.923l16-49.077%2016.77%2049.077h15.076l25.847-71.846h-19.231z%22%20style%3D%22fill%3A%20rgb(2%2C%204%2C%2022)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.metaview.ai/apple-touch-icon.png", "ogImage": "/_next/static/media/og-image-1200x630.ec808bf3.jpg", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 1, "reasoning": "Selected #1 because it is visible, located in the header, and links to the homepage, matching the brand 'Metaview'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Start for free", "reasoning": "Button #1 with text 'Start for free' uses a vibrant green color (#7AFFB4), which is typically used for primary CTAs due to its high visibility and action-oriented text." }, "secondary": { "index": 0, "text": "Book a demo", "reasoning": "Button #0 with text 'Book a demo' has a dark background (#000A06) and serves as a secondary action, complementing the primary CTA." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "recruiters and HR professionals" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 1, "selectedLogoReasoning": "Selected #1 because it is visible, located in the header, and links to the homepage, matching the brand 'Metaview'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```