# Artos Brand Identity A complete profile of **Artos**'s visual system — colors, typography, components, and personality — extracted from https://www.artosai.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/artos - Machine-readable JSON: https://characterquilt.com/branding/artos.json - Per-page llms.txt: https://characterquilt.com/branding/artos/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #000000 | | Accent | #262626 | | Body Font | Inter | | Heading Font | Plus Jakarta Sans | ## Color Palette - primary: #000000 - accent: #262626 - background: #FFFFFF - textPrimary: #0000EE - link: #0000EE ## Typography - primary: Inter — https://fonts.google.com/specimen/Inter - heading: Plus Jakarta Sans — https://fonts.google.com/specimen/Plus+Jakarta+Sans ## 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%20120%2032%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%22120%22%20height%3D%2232%22%20fill%3D%22none%22%20id%3D%22svg-2078944391_2569%22%3E%3Cmask%20id%3D%22svg-2078944391_2569_a%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%221%22%20width%3D%2229%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%23548064%22%20d%3D%22M0%201.5h29v29H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23svg-2078944391_2569_a)%22%3E%3Cpath%20fill%3D%22%231F477D%22%20d%3D%22M0%201.5h29v29H0z%22%2F%3E%3Cpath%20d%3D%22M29.471.884C25.083%2012.52%2020.3%2022.017%2014.428%2023.54c-5.873%201.523-9.209-1.257-9.244-7.467-.036-6.211%203.806-9.86%209.244-7.794%205.437%202.066%2014.544%2021.134%2014.536%2022.294%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.923%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m39.485%2026.5%207.858-21.487h4.42l7.86%2021.487h-4.175l-1.719-4.973h-8.38l-1.75%204.973h-4.113Zm6.938-8.042h6.23l-3.13-8.933-3.1%208.933ZM62.298%2026.5V11.275h3.5l.367%202.854a6.29%206.29%200%200%201%202.241-2.332c.962-.594%202.088-.89%203.377-.89v4.143h-1.105c-.86%200-1.627.133-2.302.4-.676.265-1.208.726-1.597%201.38-.368.656-.552%201.566-.552%202.733V26.5h-3.93Zm18.954%200c-1.596%200-2.875-.389-3.837-1.166-.962-.778-1.443-2.16-1.443-4.144v-6.63h-2.609v-3.285h2.61l.46-4.083H79.9v4.083h4.114v3.284H79.9v6.661c0%20.737.154%201.249.461%201.535.327.266.88.4%201.658.4h1.903V26.5h-2.67Zm13.052.368c-1.473%200-2.803-.337-3.99-1.013a7.619%207.619%200%200%201-2.794-2.793c-.675-1.207-1.013-2.599-1.013-4.175%200-1.575.348-2.957%201.044-4.144.696-1.207%201.627-2.148%202.793-2.824%201.187-.675%202.518-1.013%203.991-1.013%201.453%200%202.763.338%203.93%201.013a7.263%207.263%200%200%201%202.792%202.824c.696%201.187%201.044%202.569%201.044%204.144%200%201.576-.348%202.968-1.044%204.175a7.322%207.322%200%200%201-2.793%202.793c-1.187.676-2.507%201.013-3.96%201.013Zm0-3.407c1.023%200%201.914-.378%202.67-1.136.758-.777%201.137-1.923%201.137-3.438%200-1.514-.379-2.65-1.136-3.407-.757-.777-1.637-1.166-2.64-1.166-1.044%200-1.944.389-2.701%201.166-.737.757-1.105%201.893-1.105%203.407%200%201.515.368%202.66%201.105%203.438.757.758%201.647%201.136%202.67%201.136Zm17.603%203.407c-1.351%200-2.538-.214-3.561-.644-1.023-.45-1.842-1.064-2.456-1.842a5.29%205.29%200%200%201-1.105-2.701h3.96c.123.593.45%201.105.982%201.534.553.41%201.259.614%202.118.614.86%200%201.484-.174%201.873-.521.409-.348.614-.747.614-1.198%200-.654-.287-1.094-.86-1.32-.573-.245-1.371-.48-2.394-.706a26.09%2026.09%200%200%201-1.995-.521c-.676-.205-1.3-.46-1.873-.768a4.344%204.344%200%200%201-1.35-1.228c-.348-.511-.522-1.135-.522-1.872%200-1.35.532-2.486%201.596-3.407%201.085-.921%202.599-1.382%204.543-1.382%201.801%200%203.233.42%204.298%201.259%201.084.839%201.729%201.995%201.933%203.469h-3.714c-.225-1.126-1.074-1.689-2.548-1.689-.736%200-1.309.143-1.719.43-.388.287-.583.645-.583%201.074%200%20.45.297.809.89%201.075.594.266%201.382.511%202.364.736a27.83%2027.83%200%200%201%202.916.83c.9.286%201.617.726%202.149%201.32.532.572.798%201.401.798%202.486.02.94-.225%201.79-.737%202.547-.511.758-1.248%201.351-2.21%201.78-.962.43-2.097.645-3.407.645Z%22%20fill%3D%22%231F477D%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E - Favicon: https://framerusercontent.com/images/D4FeGphF0x6HCMwWLEGkpr4shY.png - Social card (og:image): https://framerusercontent.com/images/j4aa6XxBhC9azWzVFgBMrJtzI.png ## UI Components - input: background=#F5F5F5, textColor=#000000, borderColor=null, borderRadius=10px, shadow=rgba(34, 34, 34, 0.1) 0px 0px 0px 1px inset - buttonPrimary: background=#262626, textColor=#0000EE, borderRadius=10px, shadow=rgba(48, 49, 51, 0.03) 0px 4px 4px 0px, rgba(20, 20, 20, 0.5) 0px 0px 8px 1px inset - buttonSecondary: background=#FFFFFF, textColor=#000000, borderRadius=10px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: medical professionals and enterprises ## Artos Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Generative AI Solution for Clinical Operations | Medical Writing | Artos AI** - Image: https://framerusercontent.com/images/iTdM1ZWgiw6eIEqhG3sSv7jwU.jpg - Source: https://www.artosai.com/team/generative-ai-clinical-operations - **Insights and Updates | Blog** - Image: https://framerusercontent.com/images/rVyLSxIlcOusmJPTfYENA61eFlA.jpg - Source: https://www.artosai.com/blog - **Generative AI Solution for Regulatory Affairs | Medical Writing | Artos AI** - Image: https://framerusercontent.com/images/gSRYlwO7JYgjHOhlebe7shZ8DY.jpg - Source: https://www.artosai.com/team/generative-ai-regulatory-affairs - **Leveraging HL7 FHIR in eCTD with AI | Blog** - Image: https://framerusercontent.com/images/0wF3Mc1p6DwpOU67T6TEyhI7LPQ.jpg - Source: https://www.artosai.com/blog/the-future-of-structured-regulatory-submissions-leveraging-hl7-fhir-in-ectd-with-ai - **Inconsistency Intelligence | Generative AI Solution for Medical Writing | Artos AI** - Image: https://framerusercontent.com/images/fdyK8jKWWNxPkSmh3Siz2hh54T4.jpg - Source: https://www.artosai.com/feature/generative-ai-medical-writing-inconsistency-intelligence - **Generative AI Solution for Big Sized Pharma | Medical Writing | Artos AI** - Image: https://framerusercontent.com/images/PpA2fW0DZvlIODCvptppfTwiRo.jpg - Source: https://www.artosai.com/organization/generative-ai-in-small-mid-pharmaceutical ## 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" }, { "family": "Plus Jakarta Sans", "role": "heading" }, { "family": "Satoshi", "role": "unknown" } ], "colors": { "primary": "#000000", "accent": "#262626", "background": "#FFFFFF", "textPrimary": "#0000EE", "link": "#0000EE" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "Plus Jakarta Sans" }, "fontStacks": { "heading": [ "Plus Jakarta Sans", "sans-serif" ], "body": [ "sans-serif" ], "paragraph": [ "Inter", "sans-serif" ] }, "fontSizes": { "h1": "42px", "h2": "40px", "body": "18px" } }, "spacing": { "baseUnit": 4, "borderRadius": "20px" }, "components": { "input": { "background": "#F5F5F5", "textColor": "#000000", "borderColor": null, "borderRadius": "10px", "borderRadiusCorners": { "topLeft": "10px", "topRight": "10px", "bottomRight": "10px", "bottomLeft": "10px" }, "shadow": "rgba(34, 34, 34, 0.1) 0px 0px 0px 1px inset" }, "buttonPrimary": { "background": "#262626", "textColor": "#0000EE", "borderRadius": "10px", "borderRadiusCorners": { "topLeft": "10px", "topRight": "10px", "bottomRight": "10px", "bottomLeft": "10px" }, "shadow": "rgba(48, 49, 51, 0.03) 0px 4px 4px 0px, rgba(20, 20, 20, 0.5) 0px 0px 8px 1px inset" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#000000", "borderRadius": "10px", "borderRadiusCorners": { "topLeft": "10px", "topRight": "10px", "bottomRight": "10px", "bottomLeft": "10px" }, "shadow": "none" } }, "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%20120%2032%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%22120%22%20height%3D%2232%22%20fill%3D%22none%22%20id%3D%22svg-2078944391_2569%22%3E%3Cmask%20id%3D%22svg-2078944391_2569_a%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%221%22%20width%3D%2229%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%23548064%22%20d%3D%22M0%201.5h29v29H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23svg-2078944391_2569_a)%22%3E%3Cpath%20fill%3D%22%231F477D%22%20d%3D%22M0%201.5h29v29H0z%22%2F%3E%3Cpath%20d%3D%22M29.471.884C25.083%2012.52%2020.3%2022.017%2014.428%2023.54c-5.873%201.523-9.209-1.257-9.244-7.467-.036-6.211%203.806-9.86%209.244-7.794%205.437%202.066%2014.544%2021.134%2014.536%2022.294%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.923%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m39.485%2026.5%207.858-21.487h4.42l7.86%2021.487h-4.175l-1.719-4.973h-8.38l-1.75%204.973h-4.113Zm6.938-8.042h6.23l-3.13-8.933-3.1%208.933ZM62.298%2026.5V11.275h3.5l.367%202.854a6.29%206.29%200%200%201%202.241-2.332c.962-.594%202.088-.89%203.377-.89v4.143h-1.105c-.86%200-1.627.133-2.302.4-.676.265-1.208.726-1.597%201.38-.368.656-.552%201.566-.552%202.733V26.5h-3.93Zm18.954%200c-1.596%200-2.875-.389-3.837-1.166-.962-.778-1.443-2.16-1.443-4.144v-6.63h-2.609v-3.285h2.61l.46-4.083H79.9v4.083h4.114v3.284H79.9v6.661c0%20.737.154%201.249.461%201.535.327.266.88.4%201.658.4h1.903V26.5h-2.67Zm13.052.368c-1.473%200-2.803-.337-3.99-1.013a7.619%207.619%200%200%201-2.794-2.793c-.675-1.207-1.013-2.599-1.013-4.175%200-1.575.348-2.957%201.044-4.144.696-1.207%201.627-2.148%202.793-2.824%201.187-.675%202.518-1.013%203.991-1.013%201.453%200%202.763.338%203.93%201.013a7.263%207.263%200%200%201%202.792%202.824c.696%201.187%201.044%202.569%201.044%204.144%200%201.576-.348%202.968-1.044%204.175a7.322%207.322%200%200%201-2.793%202.793c-1.187.676-2.507%201.013-3.96%201.013Zm0-3.407c1.023%200%201.914-.378%202.67-1.136.758-.777%201.137-1.923%201.137-3.438%200-1.514-.379-2.65-1.136-3.407-.757-.777-1.637-1.166-2.64-1.166-1.044%200-1.944.389-2.701%201.166-.737.757-1.105%201.893-1.105%203.407%200%201.515.368%202.66%201.105%203.438.757.758%201.647%201.136%202.67%201.136Zm17.603%203.407c-1.351%200-2.538-.214-3.561-.644-1.023-.45-1.842-1.064-2.456-1.842a5.29%205.29%200%200%201-1.105-2.701h3.96c.123.593.45%201.105.982%201.534.553.41%201.259.614%202.118.614.86%200%201.484-.174%201.873-.521.409-.348.614-.747.614-1.198%200-.654-.287-1.094-.86-1.32-.573-.245-1.371-.48-2.394-.706a26.09%2026.09%200%200%201-1.995-.521c-.676-.205-1.3-.46-1.873-.768a4.344%204.344%200%200%201-1.35-1.228c-.348-.511-.522-1.135-.522-1.872%200-1.35.532-2.486%201.596-3.407%201.085-.921%202.599-1.382%204.543-1.382%201.801%200%203.233.42%204.298%201.259%201.084.839%201.729%201.995%201.933%203.469h-3.714c-.225-1.126-1.074-1.689-2.548-1.689-.736%200-1.309.143-1.719.43-.388.287-.583.645-.583%201.074%200%20.45.297.809.89%201.075.594.266%201.382.511%202.364.736a27.83%2027.83%200%200%201%202.916.83c.9.286%201.617.726%202.149%201.32.532.572.798%201.401.798%202.486.02.94-.225%201.79-.737%202.547-.511.758-1.248%201.351-2.21%201.78-.962.43-2.097.645-3.407.645Z%22%20fill%3D%22%231F477D%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E", "favicon": "https://framerusercontent.com/images/D4FeGphF0x6HCMwWLEGkpr4shY.png", "ogImage": "https://framerusercontent.com/images/j4aa6XxBhC9azWzVFgBMrJtzI.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 aligns with the brand 'Artos AI'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Book Demo", "reasoning": "Button #11 ('Book Demo') has a distinct dark background (#262626) and action-oriented text, making it a strong candidate for the primary CTA." }, "secondary": { "index": 1, "text": "Sign up", "reasoning": "Button #0 ('Sign up') has a different background color (#FFFFFF) and is a common secondary action, complementing the primary CTA." }, "confidence": 0.9 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "medical professionals and enterprises" }, "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 aligns with the brand 'Artos AI'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```