{ "name": "MantleBio", "slug": "mantlebio", "domain": "https://www.mantlebio.com", "sources": [ "yc" ], "branding": { "colorScheme": "dark", "fonts": [ { "family": "FK Grotesk Medium", "role": "heading" }, { "family": "FK Grotesk Regular", "role": "body" }, { "family": "FK Roman Standard Medium", "role": "unknown" } ], "colors": { "primary": "#EDEADE", "secondary": "#A2A8FF", "accent": "#A2A8FF", "background": "#222C32", "textPrimary": "#222C32", "link": "#222C32" }, "typography": { "fontFamilies": { "primary": "FK Grotesk Regular", "heading": "FK Grotesk Medium" }, "fontStacks": { "heading": [ "FK Grotesk Medium", "sans-serif" ], "body": [ "sans-serif" ], "paragraph": [ "FK Grotesk Medium", "sans-serif" ] }, "fontSizes": { "h1": "24px", "h2": "24px", "body": "17px" } }, "spacing": { "baseUnit": 10, "borderRadius": "8px" }, "components": { "buttonPrimary": { "background": "#A2A8FF", "textColor": "#0000EE", "borderRadius": "11px", "borderRadiusCorners": { "topLeft": "11px", "topRight": "11px", "bottomRight": "11px", "bottomLeft": "11px" }, "shadow": "none" }, "buttonSecondary": { "background": "#EDEADE", "textColor": "#0000EE", "borderRadius": "20px", "borderRadiusCorners": { "topLeft": "20px", "topRight": "20px", "bottomRight": "20px", "bottomLeft": "20px" }, "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%20154%2032%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20height%3D%2232%22%20width%3D%22154%22%20fill%3D%22none%22%20id%3D%22svg1717956087_4369%22%3E%3Cpath%20d%3D%22M34.912%2015.198a3.876%203.876%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.36-3.327%203.902%203.902%200%200%200-3.891-3.664%203.905%203.905%200%200%200-3.892%203.668c-.028.436-.128.86-.296%201.263a3.894%203.894%200%200%201-2.064%202.064%203.805%203.805%200%200%201-1.507.304%203.875%203.875%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.064-2.064%203.738%203.738%200%200%201-.296-1.263%203.902%203.902%200%200%200-3.892-3.664%203.901%203.901%200%200%200-3.891%203.664c-.028.436-.128.86-.296%201.263a3.896%203.896%200%200%201-2.064%202.064%203.804%203.804%200%200%201-1.507.304%203.875%203.875%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.064-2.064A3.805%203.805%200%200%201%200%2011.327c0-.524.104-1.032.304-1.508a3.896%203.896%200%200%201%202.064-2.064c.476-.2.984-.304%201.504-.304a3.9%203.9%200%200%200%203.891-3.74c.02-.463.12-.915.3-1.343A3.896%203.896%200%200%201%2010.127.304%203.805%203.805%200%200%201%2011.634%200c.524%200%201.032.104%201.508.304a3.897%203.897%200%200%201%202.064%202.064c.172.404.272.828.296%201.264a3.899%203.899%200%200%200%207.783%200c.028-.436.128-.86.296-1.264A3.896%203.896%200%200%201%2025.645.304%203.805%203.805%200%200%201%2027.153%200c.524%200%201.032.104%201.507.304a3.896%203.896%200%200%201%202.064%202.064c.18.428.284.88.3%201.344a3.9%203.9%200%200%200%203.892%203.74c.52%200%201.028.103%201.503.303a3.896%203.896%200%200%201%202.064%202.064c.204.476.304.984.304%201.508s-.104%201.031-.304%201.507a3.897%203.897%200%200%201-2.064%202.064c-.475.2-.983.3-1.507.3Zm-7.759%2016.798a3.875%203.875%200%200%201-1.508-.304%203.899%203.899%200%200%201-2.064-2.064%203.737%203.737%200%200%201-.296-1.264%203.902%203.902%200%200%200-3.891-3.663%203.905%203.905%200%200%200-3.892%203.667c-.028.436-.128.86-.296%201.264a3.896%203.896%200%200%201-2.064%202.064%203.805%203.805%200%200%201-1.508.304%203.876%203.876%200%200%201-1.507-.304%203.898%203.898%200%200%201-2.064-2.064%203.795%203.795%200%200%201-.3-1.344%203.9%203.9%200%200%200-3.891-3.74%203.87%203.87%200%200%201-1.504-.303A3.896%203.896%200%200%201%20.304%2022.18%203.805%203.805%200%200%201%200%2020.673c0-.524.104-1.031.304-1.507a3.896%203.896%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.523%200%201.031.104%201.507.304a3.898%203.898%200%200%201%202.064%202.064c.172.404.272.828.296%201.263a3.899%203.899%200%200%200%207.783%200c.028-.435.128-.86.296-1.263a3.898%203.898%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.524%200%201.031.104%201.507.304a3.897%203.897%200%200%201%202.064%202.064c.172.404.272.828.296%201.263a3.899%203.899%200%200%200%207.783%200c.028-.435.128-.86.296-1.263a3.896%203.896%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.524%200%201.032.104%201.507.304a3.898%203.898%200%200%201%202.064%202.064%203.8%203.8%200%200%201%20.304%201.507c0%20.524-.104%201.032-.304%201.508a3.897%203.897%200%200%201-2.064%202.064%203.87%203.87%200%200%201-1.503.304%203.9%203.9%200%200%200-3.892%203.74c-.02.463-.12.915-.3%201.343a3.898%203.898%200%200%201-2.064%202.064c-.476.2-.983.3-1.507.3ZM59.085%204.675l6.275%2016.626%206.08-16.626h6.242v22.642h-4.627v-15.17l-5.887%2015.17h-3.944l-5.887-15.17v15.17h-4.628V4.675h6.376Zm38.203%2022.642h-4.043l-.388-2.328c-1.316%201.66-3.04%202.492-5.176%202.492-1.468%200-2.783-.344-3.947-1.036-1.164-.692-2.076-1.684-2.732-2.976-.656-1.292-.988-2.792-.988-4.495%200-1.684.328-3.172.988-4.464.656-1.296%201.576-2.291%202.748-2.991%201.175-.7%202.495-1.052%203.963-1.052%201.12%200%202.112.216%202.976.648a5.894%205.894%200%200%201%202.136%201.78l.451-2.2h4.012v16.622Zm-4.495-8.28c0-1.443-.368-2.607-1.1-3.495-.732-.884-1.716-1.328-2.944-1.328s-2.216.444-2.96%201.328c-.743.884-1.115%202.048-1.115%203.496%200%201.424.371%202.571%201.115%203.443.744.872%201.732%201.312%202.96%201.312s2.212-.436%202.944-1.312c.732-.872%201.1-2.02%201.1-3.443Zm23.708-.743v9.022h-4.559v-8.762c0-2.868-1.12-4.304-3.364-4.304-1.187%200-2.103.4-2.747%201.196-.648.8-.972%201.92-.972%203.364v8.506h-4.56V10.691h3.98l.42%202.071a6.156%206.156%200%200%201%202.104-1.664c.82-.4%201.831-.6%203.039-.6%201.94%200%203.536.604%204.788%201.812%201.247%201.208%201.871%203.2%201.871%205.984Zm7.343-12.259v4.66h3.784v3.847h-3.784v7.28c0%20.583.124%201.003.372%201.259.248.26.664.388%201.244.388h2.36v3.848h-3.784c-3.171%200-4.755-1.584-4.755-4.756V6.035h4.563Zm10.611-1.36v22.642h-4.559V4.675h4.559Zm6.291%206.875c1.26-.7%202.724-1.052%204.384-1.052%201.684%200%203.163.329%204.447.988%201.284.656%202.288%201.584%203.008%202.784.724%201.196%201.096%202.604%201.116%204.22%200%20.584-.044%201.1-.128%201.551h-12.067v.128c.108%201.208.496%202.156%201.164%202.848.668.688%201.584%201.036%202.748%201.036.928%200%201.7-.2%202.311-.6.616-.4%201.02-.988%201.212-1.764h4.496a6.536%206.536%200%200%201-1.26%202.976c-.668.884-1.552%201.58-2.652%202.088-1.1.507-2.359.76-3.783.76-1.856%200-3.456-.345-4.804-1.037-1.347-.691-2.383-1.675-3.103-2.96-.724-1.283-1.084-2.775-1.084-4.478%200-1.724.352-3.228%201.052-4.512a7.377%207.377%200%200%201%202.943-2.976Zm7.147%203.168c-.679-.548-1.535-.824-2.571-.824-.992%200-1.828.284-2.508.856-.68.572-1.084%201.344-1.212%202.312h7.535c-.148-1.012-.564-1.792-1.244-2.344Z%22%20fill%3D%22%23A2A8FF%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E", "favicon": "https://framerusercontent.com/images/0BCVXh9qzsSzYw2iVsqBbj2Zkc.png", "ogImage": "https://framerusercontent.com/images/zOgrJSohTBhpe58NoAde15Xk.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 being the main brand logo for MantleBio.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Collate Acquires MantleBio →", "reasoning": "Button #0 uses a vibrant blue color (#A2A8FF), which is distinct and stands out as a primary call-to-action. The text 'Collate Acquires MantleBio →' suggests a significant action, aligning with primary CTA characteristics." }, "secondary": { "index": 1, "text": "Bulk RNA Sequencing ->Identify differentially-expressed genes and more from bulk RNAseq data.", "reasoning": "Button #1 is from a different color group (#EDEADE) and provides additional information about 'Bulk RNA Sequencing,' making it suitable as a secondary action." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "biotechnology 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": 0, "selectedLogoReasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of being the main brand logo for MantleBio.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/mantlebio/b7e301a751.webp", "alt": "Intro to Bioinformatics Engineering, Part 2: Docker", "source_url": "https://blog.mantlebio.com/p/intro-to-bioinformatics-engineering-681", "image_url": "https://substack-post-media.s3.amazonaws.com/public/images/0746ed6b-cbdf-4d33-85a0-6e2f385dc3a7_1456x1048.png", "width": 1456, "height": 1048, "bytes": 343238, "query": "site:mantlebio.com blog", "query_suffix": "site:mantlebio.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/mantlebio/6011ab8944.webp", "alt": "Cloud Computing for Life Science: The Way Forward", "source_url": "https://blog.mantlebio.com/p/cloud-computing-for-life-science", "image_url": "https://substack-post-media.s3.amazonaws.com/public/images/c2ff39a8-88bb-408b-97e6-25e9cf828fcd_5824x4192.png", "width": 5824, "height": 4192, "bytes": 854456, "query": "site:mantlebio.com", "query_suffix": "site:mantlebio.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/mantlebio/46158e60fa.webp", "alt": "Designing for Life Science – from 0 to 1", "source_url": "https://blog.mantlebio.com/p/designing-for-life-science-from-0", "image_url": "https://substackcdn.com/image/fetch/$s_!8G-w!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5985a01a-7bf5-4613-9805-98c927c0ff0c_1596x1042.png", "width": 1596, "height": 1042, "bytes": 163493, "query": "site:mantlebio.com blog", "query_suffix": "site:mantlebio.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/mantlebio/293f1732f4.webp", "alt": "Intro to Bioinformatics Engineering, Part 1: The Purpose of Pipelines", "source_url": "https://blog.mantlebio.com/p/intro-to-bioinformatics-engineering", "image_url": "https://substack-post-media.s3.amazonaws.com/public/images/6e8c3265-259a-4c66-834c-c9b631be1b41_5824x4192.png", "width": 5824, "height": 4192, "bytes": 385941, "query": "site:mantlebio.com", "query_suffix": "site:mantlebio.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/mantlebio/4cb5510bc6.webp", "alt": "Intro to Bioinformatics Engineering, Part 2: Docker", "source_url": "https://blog.mantlebio.com/p/intro-to-bioinformatics-engineering-681", "image_url": "https://substackcdn.com/image/fetch/$s_!5o8S!,f_auto,q_auto:best,fl_progressive:steep/https%3A%2F%2Fmantlebio.substack.com%2Fapi%2Fv1%2Fpost_preview%2F145417898%2Ftwitter.jpg%3Fversion%3D4", "width": 1600, "height": 800, "bytes": 222364, "query": "site:mantlebio.com blog", "query_suffix": "site:mantlebio.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/mantlebio/2a4cb07e9e.webp", "alt": "Designing for Life Science – from 0 to 1", "source_url": "https://blog.mantlebio.com/p/designing-for-life-science-from-0", "image_url": "https://substackcdn.com/image/fetch/$s_!klhL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06889841-0cb3-4dec-b5ac-c1f3510de5ec_5760x3660.png", "width": 5760, "height": 3660, "bytes": 665243, "query": "site:mantlebio.com", "query_suffix": "site:mantlebio.com" } ], "font_resources": [ { "family": "FK Grotesk Regular", "google_fonts_url": "https://fonts.google.com/specimen/FK+Grotesk+Regular" }, { "family": "FK Grotesk Medium", "google_fonts_url": "https://fonts.google.com/specimen/FK+Grotesk+Medium" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=FK+Grotesk+Regular&family=FK+Grotesk+Medium&display=swap", "font_download_note": "Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.", "page_url": "https://characterquilt.com/branding/mantlebio", "agent_instructions": "You are designing or implementing in MantleBio's brand identity.\n\n# Brand profile\n- Company: MantleBio\n- Source: https://www.mantlebio.com\n- Color scheme: dark\n\n# Colors\n- primary: #EDEADE\n- secondary: #A2A8FF\n- accent: #A2A8FF\n- background: #222C32\n- textPrimary: #222C32\n- link: #222C32\n\n# Typography\n- primary: FK Grotesk Regular — https://fonts.google.com/specimen/FK+Grotesk+Regular\n- heading: FK Grotesk Medium — https://fonts.google.com/specimen/FK+Grotesk+Medium\n\nLoad all fonts at once: \n\n# UI Components\n- buttonPrimary: background=#A2A8FF, textColor=#0000EE, borderRadius=11px, shadow=none\n- buttonSecondary: background=#EDEADE, textColor=#0000EE, borderRadius=20px, shadow=none\n\n# Brand voice\n- Tone: professional\n- Energy: medium\n- Audience: biotechnology professionals\n\n# Working with these fonts\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n# Full machine-readable profile\nhttps://characterquilt.com/branding/mantlebio.json", "page_markdown": "# MantleBio Brand Identity\n\nA complete profile of **MantleBio**'s visual system — colors, typography, components, and personality — extracted from https://www.mantlebio.com. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/mantlebio\n- Machine-readable JSON: https://characterquilt.com/branding/mantlebio.json\n- Per-page llms.txt: https://characterquilt.com/branding/mantlebio/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #EDEADE |\n| Accent | #A2A8FF |\n| Body Font | FK Grotesk Regular |\n| Heading Font | FK Grotesk Medium |\n\n## Color Palette\n\n- primary: #EDEADE\n- secondary: #A2A8FF\n- accent: #A2A8FF\n- background: #222C32\n- textPrimary: #222C32\n- link: #222C32\n\n## Typography\n\n- primary: FK Grotesk Regular — https://fonts.google.com/specimen/FK+Grotesk+Regular\n- heading: FK Grotesk Medium — https://fonts.google.com/specimen/FK+Grotesk+Medium\n\n## Visual Assets\n\n- 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%20154%2032%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20height%3D%2232%22%20width%3D%22154%22%20fill%3D%22none%22%20id%3D%22svg1717956087_4369%22%3E%3Cpath%20d%3D%22M34.912%2015.198a3.876%203.876%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.36-3.327%203.902%203.902%200%200%200-3.891-3.664%203.905%203.905%200%200%200-3.892%203.668c-.028.436-.128.86-.296%201.263a3.894%203.894%200%200%201-2.064%202.064%203.805%203.805%200%200%201-1.507.304%203.875%203.875%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.064-2.064%203.738%203.738%200%200%201-.296-1.263%203.902%203.902%200%200%200-3.892-3.664%203.901%203.901%200%200%200-3.891%203.664c-.028.436-.128.86-.296%201.263a3.896%203.896%200%200%201-2.064%202.064%203.804%203.804%200%200%201-1.507.304%203.875%203.875%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.064-2.064A3.805%203.805%200%200%201%200%2011.327c0-.524.104-1.032.304-1.508a3.896%203.896%200%200%201%202.064-2.064c.476-.2.984-.304%201.504-.304a3.9%203.9%200%200%200%203.891-3.74c.02-.463.12-.915.3-1.343A3.896%203.896%200%200%201%2010.127.304%203.805%203.805%200%200%201%2011.634%200c.524%200%201.032.104%201.508.304a3.897%203.897%200%200%201%202.064%202.064c.172.404.272.828.296%201.264a3.899%203.899%200%200%200%207.783%200c.028-.436.128-.86.296-1.264A3.896%203.896%200%200%201%2025.645.304%203.805%203.805%200%200%201%2027.153%200c.524%200%201.032.104%201.507.304a3.896%203.896%200%200%201%202.064%202.064c.18.428.284.88.3%201.344a3.9%203.9%200%200%200%203.892%203.74c.52%200%201.028.103%201.503.303a3.896%203.896%200%200%201%202.064%202.064c.204.476.304.984.304%201.508s-.104%201.031-.304%201.507a3.897%203.897%200%200%201-2.064%202.064c-.475.2-.983.3-1.507.3Zm-7.759%2016.798a3.875%203.875%200%200%201-1.508-.304%203.899%203.899%200%200%201-2.064-2.064%203.737%203.737%200%200%201-.296-1.264%203.902%203.902%200%200%200-3.891-3.663%203.905%203.905%200%200%200-3.892%203.667c-.028.436-.128.86-.296%201.264a3.896%203.896%200%200%201-2.064%202.064%203.805%203.805%200%200%201-1.508.304%203.876%203.876%200%200%201-1.507-.304%203.898%203.898%200%200%201-2.064-2.064%203.795%203.795%200%200%201-.3-1.344%203.9%203.9%200%200%200-3.891-3.74%203.87%203.87%200%200%201-1.504-.303A3.896%203.896%200%200%201%20.304%2022.18%203.805%203.805%200%200%201%200%2020.673c0-.524.104-1.031.304-1.507a3.896%203.896%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.523%200%201.031.104%201.507.304a3.898%203.898%200%200%201%202.064%202.064c.172.404.272.828.296%201.263a3.899%203.899%200%200%200%207.783%200c.028-.435.128-.86.296-1.263a3.898%203.898%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.524%200%201.031.104%201.507.304a3.897%203.897%200%200%201%202.064%202.064c.172.404.272.828.296%201.263a3.899%203.899%200%200%200%207.783%200c.028-.435.128-.86.296-1.263a3.896%203.896%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.524%200%201.032.104%201.507.304a3.898%203.898%200%200%201%202.064%202.064%203.8%203.8%200%200%201%20.304%201.507c0%20.524-.104%201.032-.304%201.508a3.897%203.897%200%200%201-2.064%202.064%203.87%203.87%200%200%201-1.503.304%203.9%203.9%200%200%200-3.892%203.74c-.02.463-.12.915-.3%201.343a3.898%203.898%200%200%201-2.064%202.064c-.476.2-.983.3-1.507.3ZM59.085%204.675l6.275%2016.626%206.08-16.626h6.242v22.642h-4.627v-15.17l-5.887%2015.17h-3.944l-5.887-15.17v15.17h-4.628V4.675h6.376Zm38.203%2022.642h-4.043l-.388-2.328c-1.316%201.66-3.04%202.492-5.176%202.492-1.468%200-2.783-.344-3.947-1.036-1.164-.692-2.076-1.684-2.732-2.976-.656-1.292-.988-2.792-.988-4.495%200-1.684.328-3.172.988-4.464.656-1.296%201.576-2.291%202.748-2.991%201.175-.7%202.495-1.052%203.963-1.052%201.12%200%202.112.216%202.976.648a5.894%205.894%200%200%201%202.136%201.78l.451-2.2h4.012v16.622Zm-4.495-8.28c0-1.443-.368-2.607-1.1-3.495-.732-.884-1.716-1.328-2.944-1.328s-2.216.444-2.96%201.328c-.743.884-1.115%202.048-1.115%203.496%200%201.424.371%202.571%201.115%203.443.744.872%201.732%201.312%202.96%201.312s2.212-.436%202.944-1.312c.732-.872%201.1-2.02%201.1-3.443Zm23.708-.743v9.022h-4.559v-8.762c0-2.868-1.12-4.304-3.364-4.304-1.187%200-2.103.4-2.747%201.196-.648.8-.972%201.92-.972%203.364v8.506h-4.56V10.691h3.98l.42%202.071a6.156%206.156%200%200%201%202.104-1.664c.82-.4%201.831-.6%203.039-.6%201.94%200%203.536.604%204.788%201.812%201.247%201.208%201.871%203.2%201.871%205.984Zm7.343-12.259v4.66h3.784v3.847h-3.784v7.28c0%20.583.124%201.003.372%201.259.248.26.664.388%201.244.388h2.36v3.848h-3.784c-3.171%200-4.755-1.584-4.755-4.756V6.035h4.563Zm10.611-1.36v22.642h-4.559V4.675h4.559Zm6.291%206.875c1.26-.7%202.724-1.052%204.384-1.052%201.684%200%203.163.329%204.447.988%201.284.656%202.288%201.584%203.008%202.784.724%201.196%201.096%202.604%201.116%204.22%200%20.584-.044%201.1-.128%201.551h-12.067v.128c.108%201.208.496%202.156%201.164%202.848.668.688%201.584%201.036%202.748%201.036.928%200%201.7-.2%202.311-.6.616-.4%201.02-.988%201.212-1.764h4.496a6.536%206.536%200%200%201-1.26%202.976c-.668.884-1.552%201.58-2.652%202.088-1.1.507-2.359.76-3.783.76-1.856%200-3.456-.345-4.804-1.037-1.347-.691-2.383-1.675-3.103-2.96-.724-1.283-1.084-2.775-1.084-4.478%200-1.724.352-3.228%201.052-4.512a7.377%207.377%200%200%201%202.943-2.976Zm7.147%203.168c-.679-.548-1.535-.824-2.571-.824-.992%200-1.828.284-2.508.856-.68.572-1.084%201.344-1.212%202.312h7.535c-.148-1.012-.564-1.792-1.244-2.344Z%22%20fill%3D%22%23A2A8FF%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E\n- Favicon: https://framerusercontent.com/images/0BCVXh9qzsSzYw2iVsqBbj2Zkc.png\n- Social card (og:image): https://framerusercontent.com/images/zOgrJSohTBhpe58NoAde15Xk.png\n\n## UI Components\n\n- buttonPrimary: background=#A2A8FF, textColor=#0000EE, borderRadius=11px, shadow=none\n- buttonSecondary: background=#EDEADE, textColor=#0000EE, borderRadius=20px, shadow=none\n\n## Brand Personality\n\nTone: professional · Energy: medium · Audience: biotechnology professionals\n\n## MantleBio Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Intro to Bioinformatics Engineering, Part 2: Docker**\n - Image: https://substack-post-media.s3.amazonaws.com/public/images/0746ed6b-cbdf-4d33-85a0-6e2f385dc3a7_1456x1048.png\n - Source: https://blog.mantlebio.com/p/intro-to-bioinformatics-engineering-681\n- **Cloud Computing for Life Science: The Way Forward**\n - Image: https://substack-post-media.s3.amazonaws.com/public/images/c2ff39a8-88bb-408b-97e6-25e9cf828fcd_5824x4192.png\n - Source: https://blog.mantlebio.com/p/cloud-computing-for-life-science\n- **Designing for Life Science – from 0 to 1**\n - Image: https://substackcdn.com/image/fetch/$s_!8G-w!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5985a01a-7bf5-4613-9805-98c927c0ff0c_1596x1042.png\n - Source: https://blog.mantlebio.com/p/designing-for-life-science-from-0\n- **Intro to Bioinformatics Engineering, Part 1: The Purpose of Pipelines**\n - Image: https://substack-post-media.s3.amazonaws.com/public/images/6e8c3265-259a-4c66-834c-c9b631be1b41_5824x4192.png\n - Source: https://blog.mantlebio.com/p/intro-to-bioinformatics-engineering\n- **Intro to Bioinformatics Engineering, Part 2: Docker**\n - Image: https://substackcdn.com/image/fetch/$s_!5o8S!,f_auto,q_auto:best,fl_progressive:steep/https%3A%2F%2Fmantlebio.substack.com%2Fapi%2Fv1%2Fpost_preview%2F145417898%2Ftwitter.jpg%3Fversion%3D4\n - Source: https://blog.mantlebio.com/p/intro-to-bioinformatics-engineering-681\n- **Designing for Life Science – from 0 to 1**\n - Image: https://substackcdn.com/image/fetch/$s_!klhL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F06889841-0cb3-4dec-b5ac-c1f3510de5ec_5760x3660.png\n - Source: https://blog.mantlebio.com/p/designing-for-life-science-from-0\n\n## Working with these fonts\n\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n## Machine-Readable Profile\n\n```json\n{\n \"colorScheme\": \"dark\",\n \"fonts\": [\n {\n \"family\": \"FK Grotesk Medium\",\n \"role\": \"heading\"\n },\n {\n \"family\": \"FK Grotesk Regular\",\n \"role\": \"body\"\n },\n {\n \"family\": \"FK Roman Standard Medium\",\n \"role\": \"unknown\"\n }\n ],\n \"colors\": {\n \"primary\": \"#EDEADE\",\n \"secondary\": \"#A2A8FF\",\n \"accent\": \"#A2A8FF\",\n \"background\": \"#222C32\",\n \"textPrimary\": \"#222C32\",\n \"link\": \"#222C32\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"FK Grotesk Regular\",\n \"heading\": \"FK Grotesk Medium\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"FK Grotesk Medium\",\n \"sans-serif\"\n ],\n \"body\": [\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"FK Grotesk Medium\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"24px\",\n \"h2\": \"24px\",\n \"body\": \"17px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 10,\n \"borderRadius\": \"8px\"\n },\n \"components\": {\n \"buttonPrimary\": {\n \"background\": \"#A2A8FF\",\n \"textColor\": \"#0000EE\",\n \"borderRadius\": \"11px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"11px\",\n \"topRight\": \"11px\",\n \"bottomRight\": \"11px\",\n \"bottomLeft\": \"11px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonSecondary\": {\n \"background\": \"#EDEADE\",\n \"textColor\": \"#0000EE\",\n \"borderRadius\": \"20px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"20px\",\n \"topRight\": \"20px\",\n \"bottomRight\": \"20px\",\n \"bottomLeft\": \"20px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"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%20154%2032%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20height%3D%2232%22%20width%3D%22154%22%20fill%3D%22none%22%20id%3D%22svg1717956087_4369%22%3E%3Cpath%20d%3D%22M34.912%2015.198a3.876%203.876%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.36-3.327%203.902%203.902%200%200%200-3.891-3.664%203.905%203.905%200%200%200-3.892%203.668c-.028.436-.128.86-.296%201.263a3.894%203.894%200%200%201-2.064%202.064%203.805%203.805%200%200%201-1.507.304%203.875%203.875%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.064-2.064%203.738%203.738%200%200%201-.296-1.263%203.902%203.902%200%200%200-3.892-3.664%203.901%203.901%200%200%200-3.891%203.664c-.028.436-.128.86-.296%201.263a3.896%203.896%200%200%201-2.064%202.064%203.804%203.804%200%200%201-1.507.304%203.875%203.875%200%200%201-1.508-.304%203.894%203.894%200%200%201-2.064-2.064A3.805%203.805%200%200%201%200%2011.327c0-.524.104-1.032.304-1.508a3.896%203.896%200%200%201%202.064-2.064c.476-.2.984-.304%201.504-.304a3.9%203.9%200%200%200%203.891-3.74c.02-.463.12-.915.3-1.343A3.896%203.896%200%200%201%2010.127.304%203.805%203.805%200%200%201%2011.634%200c.524%200%201.032.104%201.508.304a3.897%203.897%200%200%201%202.064%202.064c.172.404.272.828.296%201.264a3.899%203.899%200%200%200%207.783%200c.028-.436.128-.86.296-1.264A3.896%203.896%200%200%201%2025.645.304%203.805%203.805%200%200%201%2027.153%200c.524%200%201.032.104%201.507.304a3.896%203.896%200%200%201%202.064%202.064c.18.428.284.88.3%201.344a3.9%203.9%200%200%200%203.892%203.74c.52%200%201.028.103%201.503.303a3.896%203.896%200%200%201%202.064%202.064c.204.476.304.984.304%201.508s-.104%201.031-.304%201.507a3.897%203.897%200%200%201-2.064%202.064c-.475.2-.983.3-1.507.3Zm-7.759%2016.798a3.875%203.875%200%200%201-1.508-.304%203.899%203.899%200%200%201-2.064-2.064%203.737%203.737%200%200%201-.296-1.264%203.902%203.902%200%200%200-3.891-3.663%203.905%203.905%200%200%200-3.892%203.667c-.028.436-.128.86-.296%201.264a3.896%203.896%200%200%201-2.064%202.064%203.805%203.805%200%200%201-1.508.304%203.876%203.876%200%200%201-1.507-.304%203.898%203.898%200%200%201-2.064-2.064%203.795%203.795%200%200%201-.3-1.344%203.9%203.9%200%200%200-3.891-3.74%203.87%203.87%200%200%201-1.504-.303A3.896%203.896%200%200%201%20.304%2022.18%203.805%203.805%200%200%201%200%2020.673c0-.524.104-1.031.304-1.507a3.896%203.896%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.523%200%201.031.104%201.507.304a3.898%203.898%200%200%201%202.064%202.064c.172.404.272.828.296%201.263a3.899%203.899%200%200%200%207.783%200c.028-.435.128-.86.296-1.263a3.898%203.898%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.524%200%201.031.104%201.507.304a3.897%203.897%200%200%201%202.064%202.064c.172.404.272.828.296%201.263a3.899%203.899%200%200%200%207.783%200c.028-.435.128-.86.296-1.263a3.896%203.896%200%200%201%202.064-2.064%203.804%203.804%200%200%201%201.508-.304c.524%200%201.032.104%201.507.304a3.898%203.898%200%200%201%202.064%202.064%203.8%203.8%200%200%201%20.304%201.507c0%20.524-.104%201.032-.304%201.508a3.897%203.897%200%200%201-2.064%202.064%203.87%203.87%200%200%201-1.503.304%203.9%203.9%200%200%200-3.892%203.74c-.02.463-.12.915-.3%201.343a3.898%203.898%200%200%201-2.064%202.064c-.476.2-.983.3-1.507.3ZM59.085%204.675l6.275%2016.626%206.08-16.626h6.242v22.642h-4.627v-15.17l-5.887%2015.17h-3.944l-5.887-15.17v15.17h-4.628V4.675h6.376Zm38.203%2022.642h-4.043l-.388-2.328c-1.316%201.66-3.04%202.492-5.176%202.492-1.468%200-2.783-.344-3.947-1.036-1.164-.692-2.076-1.684-2.732-2.976-.656-1.292-.988-2.792-.988-4.495%200-1.684.328-3.172.988-4.464.656-1.296%201.576-2.291%202.748-2.991%201.175-.7%202.495-1.052%203.963-1.052%201.12%200%202.112.216%202.976.648a5.894%205.894%200%200%201%202.136%201.78l.451-2.2h4.012v16.622Zm-4.495-8.28c0-1.443-.368-2.607-1.1-3.495-.732-.884-1.716-1.328-2.944-1.328s-2.216.444-2.96%201.328c-.743.884-1.115%202.048-1.115%203.496%200%201.424.371%202.571%201.115%203.443.744.872%201.732%201.312%202.96%201.312s2.212-.436%202.944-1.312c.732-.872%201.1-2.02%201.1-3.443Zm23.708-.743v9.022h-4.559v-8.762c0-2.868-1.12-4.304-3.364-4.304-1.187%200-2.103.4-2.747%201.196-.648.8-.972%201.92-.972%203.364v8.506h-4.56V10.691h3.98l.42%202.071a6.156%206.156%200%200%201%202.104-1.664c.82-.4%201.831-.6%203.039-.6%201.94%200%203.536.604%204.788%201.812%201.247%201.208%201.871%203.2%201.871%205.984Zm7.343-12.259v4.66h3.784v3.847h-3.784v7.28c0%20.583.124%201.003.372%201.259.248.26.664.388%201.244.388h2.36v3.848h-3.784c-3.171%200-4.755-1.584-4.755-4.756V6.035h4.563Zm10.611-1.36v22.642h-4.559V4.675h4.559Zm6.291%206.875c1.26-.7%202.724-1.052%204.384-1.052%201.684%200%203.163.329%204.447.988%201.284.656%202.288%201.584%203.008%202.784.724%201.196%201.096%202.604%201.116%204.22%200%20.584-.044%201.1-.128%201.551h-12.067v.128c.108%201.208.496%202.156%201.164%202.848.668.688%201.584%201.036%202.748%201.036.928%200%201.7-.2%202.311-.6.616-.4%201.02-.988%201.212-1.764h4.496a6.536%206.536%200%200%201-1.26%202.976c-.668.884-1.552%201.58-2.652%202.088-1.1.507-2.359.76-3.783.76-1.856%200-3.456-.345-4.804-1.037-1.347-.691-2.383-1.675-3.103-2.96-.724-1.283-1.084-2.775-1.084-4.478%200-1.724.352-3.228%201.052-4.512a7.377%207.377%200%200%201%202.943-2.976Zm7.147%203.168c-.679-.548-1.535-.824-2.571-.824-.992%200-1.828.284-2.508.856-.68.572-1.084%201.344-1.212%202.312h7.535c-.148-1.012-.564-1.792-1.244-2.344Z%22%20fill%3D%22%23A2A8FF%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E\",\n \"favicon\": \"https://framerusercontent.com/images/0BCVXh9qzsSzYw2iVsqBbj2Zkc.png\",\n \"ogImage\": \"https://framerusercontent.com/images/zOgrJSohTBhpe58NoAde15Xk.png\",\n \"logoHref\": \"./\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of being the main brand logo for MantleBio.\",\n \"confidence\": 0.9,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 0,\n \"text\": \"Collate Acquires MantleBio →\",\n \"reasoning\": \"Button #0 uses a vibrant blue color (#A2A8FF), which is distinct and stands out as a primary call-to-action. The text 'Collate Acquires MantleBio →' suggests a significant action, aligning with primary CTA characteristics.\"\n },\n \"secondary\": {\n \"index\": 1,\n \"text\": \"Bulk RNA Sequencing ->Identify differentially-expressed genes and more from bulk RNAseq data.\",\n \"reasoning\": \"Button #1 is from a different color group (#EDEADE) and provides additional information about 'Bulk RNA Sequencing,' making it suitable as a secondary action.\"\n },\n \"confidence\": 0.95\n },\n \"personality\": {\n \"tone\": \"professional\",\n \"energy\": \"medium\",\n \"targetAudience\": \"biotechnology professionals\"\n },\n \"designSystem\": {\n \"framework\": \"custom\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0.95,\n \"colors\": 0.9,\n \"overall\": 0.925\n },\n \"__llm_metadata\": {\n \"logoSelection\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true,\n \"finalSource\": \"llm\",\n \"rawLogoSelection\": {\n \"selectedLogoIndex\": 0,\n \"selectedLogoReasoning\": \"Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of being the main brand logo for MantleBio.\",\n \"confidence\": 0.9\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }