{ "name": "Northstar", "slug": "northstar", "domain": "https://www.northstarmoney.com/", "sources": [ "startups_gallery" ], "branding": { "colorScheme": "light", "fonts": [ { "family": "FaktPro", "role": "body" }, { "family": "Garnett", "role": "heading" }, { "family": "PostGrotesk", "role": "unknown" } ], "colors": { "primary": "#4047FF", "secondary": "#D8EBE9", "accent": "#FFAD3D", "background": "#F1F6F6", "textPrimary": "#004A43", "link": "#004A43" }, "typography": { "fontFamilies": { "primary": "FaktPro", "heading": "Garnett" }, "fontStacks": { "heading": [ "Garnett", "Helvetica", "sans-serif" ], "body": [ "PostGrotesk", "Helvetica", "sans-serif" ], "paragraph": [ "FaktPro", "Helvetica", "sans-serif" ] }, "fontSizes": { "h1": "48px", "h2": "32px", "body": "16px" } }, "spacing": { "baseUnit": 4, "borderRadius": "0px" }, "components": { "buttonPrimary": { "background": "#FFAD3D", "textColor": "#004A43", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22125%22%20height%3D%2238%22%20fill%3D%22none%22%20viewBox%3D%220%200%20125%2038%22%20font-family%3D%22inherit%22%20flex%3D%220%200%20auto%22%20color%3D%22%23004A43%22%20class%3D%22box__Box-sampdy-0%20header_components__HeaderLogo-pw6om-3%20jnWYqm%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22%23004A43%22%20d%3D%22M11.925%2011.41c1.073%200%201.672-.697%201.672-2.217V0h2.693v19.307h-2.794S8.482%2012.281%206.56%209.716C5.738%208.595%205.29%207.897%204.365%207.897c-1.073%200-1.672.698-1.672%202.217v9.193H0V0h2.794S7.808%207.026%209.73%209.592c.824%201.12%201.271%201.818%202.196%201.818M32.255%2012.12c0%204.092-2.42%207.484-6.71%207.484-4.34%200-6.76-3.392-6.76-7.483%200-4.016%202.42-7.459%206.76-7.459%204.289%200%206.71%203.443%206.71%207.459m-2.671%200c0-2.27-1.597-3.59-4.041-3.59-2.495%200-4.09%201.323-4.09%203.59%200%202.37%201.597%203.619%204.09%203.619%202.445%200%204.041-1.249%204.041-3.618M45.597%2014.627v-5.92h-2.295c-2.745%200-4.415.274-5.364%201.896-.45.774-.549%201.721-.549%203.143v5.562h-2.693V4.964h2.693v3.643c.75-2.495%202.37-3.643%205.263-3.643h2.943V1.297h2.694v3.667h5.432v3.742H48.29v4.828M57.15%2019.307V0h2.694v8.656c.599-2.295%202.32-3.942%205.013-3.942%203.119%200%205.239%202.419%205.239%205.861v8.73h-2.694v-6.934c0-.898-.099-1.622-.598-2.32-.648-.898-1.623-1.348-3.018-1.348-1.546%200-3.017.55-3.692%202.395-.25.697-.25%201.82-.25%203.017v5.189h-2.693zM88.713%2014.627v-5.92h-2.295V4.963h2.294V1.297h2.694v3.667h5.432v3.742h-5.432v4.828M109.736%2019.305v-2.693c-.824%201.82-2.296%202.992-4.44%202.992-3.866%200-5.938-3.267-5.938-7.458%200-4.116%202.07-7.484%205.938-7.484%202.144%200%203.618%201.197%204.44%203.018V4.96h2.693v14.344zm0-7.184c0-2.27-1.546-3.591-3.841-3.591-2.345%200-3.866%201.323-3.866%203.59%200%202.37%201.521%203.619%203.866%203.619%202.295%200%203.841-1.249%203.841-3.618M115.896%2019.309V4.965h2.694v3.643c.749-2.496%202.369-3.643%205.263-3.643H125v3.742h-.499c-2.743%200-4.415.274-5.364%201.896-.45.774-.549%201.722-.549%203.143v5.563z%22%20style%3D%22fill%3A%20rgb(0%2C%2074%2C%2067)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23004A43%22%20d%3D%22M91.406%2013.533c0%201.214.453%202.215%202.19%202.215%201.557%200%202.24-.785%202.24-2.228h1.87c.259%203.942-1.112%206.086-4.348%206.086-3.222%200-4.648-2.411-4.648-4.98M48.293%2013.533c0%201.214.453%202.215%202.19%202.215%201.557%200%202.24-.785%202.24-2.228h1.87c.258%203.942-1.112%206.086-4.349%206.086-3.221%200-4.647-2.411-4.647-4.98M85.321%2015.165c0%201.933-1.403%204.44-6.037%204.44-5.04%200-6.919-2.894-6.795-6.087h1.87c0%20.799.484%201.372%201.058%201.721%201.035.608%202.678.698%204.05.698%201.695%200%203.167-.442%203.167-1.355%200-.504-.303-.915-1.26-1.089a49%2049%200%200%200-2.783-.411c-2.86-.353-5.774-.862-5.774-3.929%200-2.688%202.303-4.49%205.61-4.49%204.445%200%206.513%202.87%206.225%205.853h-1.82c0-.63-.503-1.302-1.127-1.626-.722-.374-1.643-.61-3.114-.61-1.937%200-3.227.414-3.227%201.342%200%20.724.587%201.096%203.598%201.44%201.933.215%203.27.392%204.184.8%201.575.64%202.175%201.98%202.175%203.303%22%20style%3D%22fill%3A%20rgb(0%2C%2074%2C%2067)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M50.132%2036.58H48.7l-3.76-5.226v5.227H43.36V29h1.668l3.526%204.973V29h1.578zM58.21%2029l3.011%207.58h-1.668l-.638-1.625h-3.313l-.638%201.626H53.33l3-7.581zm-2.093%204.635h2.272l-1.142-2.914zM68.351%2029h1.746l-2.899%204.498v3.083h-1.645v-3.083L62.643%2029h1.79l1.96%203.072zM77.62%2029h1.745l-2.899%204.498v3.083h-1.645v-3.083L71.91%2029h1.79l1.96%203.072zM85.667%2029l3.011%207.58h-1.667l-.638-1.625h-3.314l-.638%201.626h-1.634l3-7.581zm-2.093%204.635h2.273l-1.142-2.914z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M50.132%2036.58H48.7l-3.76-5.226v5.227H43.36V29h1.668l3.526%204.973V29h1.578zM58.21%2029l3.011%207.58h-1.668l-.638-1.625h-3.313l-.638%201.626H53.33l3-7.581zm-2.093%204.635h2.272l-1.142-2.914zM68.351%2029h1.746l-2.899%204.498v3.083h-1.645v-3.083L62.643%2029h1.79l1.96%203.072zM77.62%2029h1.745l-2.899%204.498v3.083h-1.645v-3.083L71.91%2029h1.79l1.96%203.072zM85.667%2029l3.011%207.58h-1.667l-.638-1.625h-3.314l-.638%201.626h-1.634l3-7.581zm-2.093%204.635h2.273l-1.142-2.914zM36.623%2036.18c-.226.594-.534.97-1.219.97-.166%200-.248-.007-.369-.03v-.586c.128.03.211.037.324.037.293%200%20.451-.105.61-.496l.187-.467-1.46-3.792h.715l1.106%203.01%201.091-3.01h.708zM32.68%2035.834c-.549%200-.985-.263-1.218-.654v.572h-.678V30.35h.678v2.038c.233-.383.67-.646%201.218-.646%201.091%200%201.716.925%201.716%202.046%200%201.113-.625%202.046-1.716%202.046m-1.233-2.181v.278c0%20.903.556%201.309%201.113%201.309.737%200%201.151-.61%201.151-1.452%200-.85-.414-1.452-1.151-1.452-.557%200-1.114.399-1.114%201.317M26.182%2035.834c-1.091%200-1.715-.933-1.715-2.046%200-1.121.624-2.046%201.715-2.046.55%200%20.986.263%201.219.646V30.35h.677v5.401H27.4v-.571c-.233.391-.67.654-1.22.654m1.234-2.181c0-.918-.557-1.317-1.114-1.317-.737%200-1.15.602-1.15%201.452%200%20.843.413%201.452%201.15%201.452.557%200%201.114-.406%201.114-1.31zM22.247%2035.833c-1.091%200-1.843-.835-1.843-2.046%200-1.174.744-2.047%201.813-2.047%201.098%200%201.678.835%201.678%201.926v.226H21.05c.037.828.511%201.354%201.196%201.354.526%200%20.903-.286%201.023-.752l.594.21c-.24.7-.835%201.13-1.617%201.13m-.038-3.513c-.572%200-1%20.383-1.12%201.053h2.12c-.014-.557-.315-1.053-1-1.053M20.09%2031.802v.685a1.6%201.6%200%200%200-.33-.03c-.573%200-1.032.451-1.032%201.143v2.152h-.677v-3.935h.677v.67c.173-.399.557-.7%201.091-.7.106%200%20.203.008.271.015M15.56%2035.833c-1.09%200-1.843-.835-1.843-2.046%200-1.174.745-2.047%201.814-2.047%201.098%200%201.678.835%201.678%201.926v.226h-2.844c.037.828.511%201.354%201.196%201.354.526%200%20.903-.286%201.023-.752l.594.21c-.24.7-.835%201.13-1.617%201.13m-.037-3.513c-.572%200-1%20.383-1.12%201.053h2.12c-.014-.557-.315-1.053-1-1.053M10.52%2031.816h.572l.813%202.935.82-2.935h.677l-1.196%203.935h-.595l-.82-2.919-.82%202.92h-.594L8.18%2031.815h.7l.828%202.927zM7.86%2033.787c0%201.218-.753%202.046-1.829%202.046s-1.828-.828-1.828-2.046c0-1.22.752-2.047%201.828-2.047s1.828.828%201.828%202.047m-2.972%200c0%20.895.45%201.467%201.143%201.467.692%200%201.144-.572%201.144-1.467%200-.903-.452-1.475-1.144-1.475s-1.143.572-1.143%201.475M.722%2033.487v2.264H0V30.35h2.061c1.144%200%201.874.534%201.874%201.564%200%201.016-.73%201.573-1.874%201.573zm0-.625h1.302c.767%200%201.196-.338%201.196-.948s-.429-.94-1.196-.94H.722z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://d2dizdekwkg6b2.cloudfront.net/assets/favicon/apple-touch-icon-a0694e312bfe63e45531d48bef335518a0ce055228bd6f3bf2e4625ae5a15ace.png", "ogImage": "https://images.ctfassets.net/spo69q0wewfi/7wYTtJ49FRAgAZQZDPmIv5/56b003331e41f318f527eadc964860a4/Northstar-the-financial-benefit-employees-deserve.png", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is located in the header, is visible, links to the homepage, and matches the brand inferred from the URL and page title.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Request a tour", "reasoning": "Button #0 is selected as the primary CTA because it uses a vibrant brand color (#FFAD3D) and has action-oriented text ('Request a tour'), making it stand out as the main call-to-action." }, "secondary": { "index": -1, "text": "N/A", "reasoning": "Both buttons share the same background color (#FFAD3D), so no valid secondary button exists with a different color." }, "confidence": 0.9 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "employees seeking financial wellness programs" }, "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, links to the homepage, and matches the brand inferred from the URL and page title.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/northstar/3e60dd40bd.webp", "alt": "Northstar has raised $24.4M to bring financial wellness to the 100% | Northstar", "source_url": "https://www.northstarmoney.com/blog/northstar-raised-24-4m-financial-wellness-for-all", "image_url": "https://images.ctfassets.net/spo69q0wewfi/22s1VLZJklqhUIpXkk0Oty/4b6eeb91dca7fb310cd12a05fd83f639/Northstar-Financial-Wellness-Program-Equity-Chat.png", "width": 3200, "height": 2400, "bytes": 248299, "query": "site:northstarmoney.com", "query_suffix": "site:northstarmoney.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/northstar/8555379304.webp", "alt": "High yield savings vs CD: Where should I put my money? | Northstar", "source_url": "https://www.northstarmoney.com/blog/high-yield-savings-vs-cd", "image_url": "https://images.ctfassets.net/spo69q0wewfi/45dPLdFPMZmqZocZ2MXkKI/0c2de00be5177a0258b24399e689adc3/bank__1_.jpg", "width": 2593, "height": 1494, "bytes": 122208, "query": "site:northstarmoney.com", "query_suffix": "site:northstarmoney.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/northstar/348b68fa14.webp", "alt": "How (and why) to build an emergency fund | Northstar", "source_url": "https://www.northstarmoney.com/blog/build-an-emergency-fund", "image_url": "https://images.ctfassets.net/spo69q0wewfi/2Co5Xx0I5oniRDyFZVSn8g/2de93528b08332d1df28aa65db2a2eb5/build_an_emergency_fund__1_.jpg", "width": 2600, "height": 1447, "bytes": 189753, "query": "site:northstarmoney.com blog", "query_suffix": "site:northstarmoney.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/northstar/3c5fb88fcc.webp", "alt": "Think like a marketer: Communicating the value of your total rewards package | Northstar", "source_url": "https://www.northstarmoney.com/blog/think-like-a-marketer-communicating-value-total-rewards-package", "image_url": "https://images.ctfassets.net/spo69q0wewfi/7sv0EFrNeDoF1o9CXsBPTu/5ab8c93a10c855c2c1e046802e2d1e69/communicating-employee-benefits.jpg", "width": 2600, "height": 1481, "bytes": 190496, "query": "site:northstarmoney.com", "query_suffix": "site:northstarmoney.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/northstar/8b00c43266.webp", "alt": "Financial education | Northstar", "source_url": "https://www.northstarmoney.com/financial-education", "image_url": "https://images.ctfassets.net/spo69q0wewfi/7gKYLMCL9jSkq3u7T2vIE5/d4a323b6e5bd345eb0baf5e366c87f32/Northstar-Financial-Literacy-Program.png", "width": 1270, "height": 880, "bytes": 105556, "query": "site:northstarmoney.com blog", "query_suffix": "site:northstarmoney.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/northstar/1808c9dd73.webp", "alt": "The evolution of benefits | Northstar", "source_url": "https://www.northstarmoney.com/blog/the-evolution-of-benefits", "image_url": "https://images.ctfassets.net/spo69q0wewfi/3ceZeZYwrHiZWrA2pv2EsA/2787948a7ab86b186c27b5a18c97df97/evolution-of-benefits-northstar-header.png", "width": 2601, "height": 1465, "bytes": 92964, "query": "site:northstarmoney.com", "query_suffix": "site:northstarmoney.com" } ], "font_resources": [ { "family": "FaktPro", "google_fonts_url": "https://fonts.google.com/specimen/FaktPro" }, { "family": "Garnett", "google_fonts_url": "https://fonts.google.com/specimen/Garnett" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=FaktPro&family=Garnett&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/northstar", "agent_instructions": "You are designing or implementing in Northstar's brand identity.\n\n# Brand profile\n- Company: Northstar\n- Source: https://www.northstarmoney.com/\n- Color scheme: light\n\n# Colors\n- primary: #4047FF\n- secondary: #D8EBE9\n- accent: #FFAD3D\n- background: #F1F6F6\n- textPrimary: #004A43\n- link: #004A43\n\n# Typography\n- primary: FaktPro — https://fonts.google.com/specimen/FaktPro\n- heading: Garnett — https://fonts.google.com/specimen/Garnett\n\nLoad all fonts at once: \n\n# UI Components\n- buttonPrimary: background=#FFAD3D, textColor=#004A43, borderRadius=8px, shadow=none\n\n# Brand voice\n- Tone: professional\n- Energy: medium\n- Audience: employees seeking financial wellness programs\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/northstar.json", "page_markdown": "# Northstar Brand Identity\n\nA complete profile of **Northstar**'s visual system — colors, typography, components, and personality — extracted from https://www.northstarmoney.com/. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/northstar\n- Machine-readable JSON: https://characterquilt.com/branding/northstar.json\n- Per-page llms.txt: https://characterquilt.com/branding/northstar/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #4047FF |\n| Accent | #FFAD3D |\n| Body Font | FaktPro |\n| Heading Font | Garnett |\n\n## Color Palette\n\n- primary: #4047FF\n- secondary: #D8EBE9\n- accent: #FFAD3D\n- background: #F1F6F6\n- textPrimary: #004A43\n- link: #004A43\n\n## Typography\n\n- primary: FaktPro — https://fonts.google.com/specimen/FaktPro\n- heading: Garnett — https://fonts.google.com/specimen/Garnett\n\n## Visual Assets\n\n- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22125%22%20height%3D%2238%22%20fill%3D%22none%22%20viewBox%3D%220%200%20125%2038%22%20font-family%3D%22inherit%22%20flex%3D%220%200%20auto%22%20color%3D%22%23004A43%22%20class%3D%22box__Box-sampdy-0%20header_components__HeaderLogo-pw6om-3%20jnWYqm%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22%23004A43%22%20d%3D%22M11.925%2011.41c1.073%200%201.672-.697%201.672-2.217V0h2.693v19.307h-2.794S8.482%2012.281%206.56%209.716C5.738%208.595%205.29%207.897%204.365%207.897c-1.073%200-1.672.698-1.672%202.217v9.193H0V0h2.794S7.808%207.026%209.73%209.592c.824%201.12%201.271%201.818%202.196%201.818M32.255%2012.12c0%204.092-2.42%207.484-6.71%207.484-4.34%200-6.76-3.392-6.76-7.483%200-4.016%202.42-7.459%206.76-7.459%204.289%200%206.71%203.443%206.71%207.459m-2.671%200c0-2.27-1.597-3.59-4.041-3.59-2.495%200-4.09%201.323-4.09%203.59%200%202.37%201.597%203.619%204.09%203.619%202.445%200%204.041-1.249%204.041-3.618M45.597%2014.627v-5.92h-2.295c-2.745%200-4.415.274-5.364%201.896-.45.774-.549%201.721-.549%203.143v5.562h-2.693V4.964h2.693v3.643c.75-2.495%202.37-3.643%205.263-3.643h2.943V1.297h2.694v3.667h5.432v3.742H48.29v4.828M57.15%2019.307V0h2.694v8.656c.599-2.295%202.32-3.942%205.013-3.942%203.119%200%205.239%202.419%205.239%205.861v8.73h-2.694v-6.934c0-.898-.099-1.622-.598-2.32-.648-.898-1.623-1.348-3.018-1.348-1.546%200-3.017.55-3.692%202.395-.25.697-.25%201.82-.25%203.017v5.189h-2.693zM88.713%2014.627v-5.92h-2.295V4.963h2.294V1.297h2.694v3.667h5.432v3.742h-5.432v4.828M109.736%2019.305v-2.693c-.824%201.82-2.296%202.992-4.44%202.992-3.866%200-5.938-3.267-5.938-7.458%200-4.116%202.07-7.484%205.938-7.484%202.144%200%203.618%201.197%204.44%203.018V4.96h2.693v14.344zm0-7.184c0-2.27-1.546-3.591-3.841-3.591-2.345%200-3.866%201.323-3.866%203.59%200%202.37%201.521%203.619%203.866%203.619%202.295%200%203.841-1.249%203.841-3.618M115.896%2019.309V4.965h2.694v3.643c.749-2.496%202.369-3.643%205.263-3.643H125v3.742h-.499c-2.743%200-4.415.274-5.364%201.896-.45.774-.549%201.722-.549%203.143v5.563z%22%20style%3D%22fill%3A%20rgb(0%2C%2074%2C%2067)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23004A43%22%20d%3D%22M91.406%2013.533c0%201.214.453%202.215%202.19%202.215%201.557%200%202.24-.785%202.24-2.228h1.87c.259%203.942-1.112%206.086-4.348%206.086-3.222%200-4.648-2.411-4.648-4.98M48.293%2013.533c0%201.214.453%202.215%202.19%202.215%201.557%200%202.24-.785%202.24-2.228h1.87c.258%203.942-1.112%206.086-4.349%206.086-3.221%200-4.647-2.411-4.647-4.98M85.321%2015.165c0%201.933-1.403%204.44-6.037%204.44-5.04%200-6.919-2.894-6.795-6.087h1.87c0%20.799.484%201.372%201.058%201.721%201.035.608%202.678.698%204.05.698%201.695%200%203.167-.442%203.167-1.355%200-.504-.303-.915-1.26-1.089a49%2049%200%200%200-2.783-.411c-2.86-.353-5.774-.862-5.774-3.929%200-2.688%202.303-4.49%205.61-4.49%204.445%200%206.513%202.87%206.225%205.853h-1.82c0-.63-.503-1.302-1.127-1.626-.722-.374-1.643-.61-3.114-.61-1.937%200-3.227.414-3.227%201.342%200%20.724.587%201.096%203.598%201.44%201.933.215%203.27.392%204.184.8%201.575.64%202.175%201.98%202.175%203.303%22%20style%3D%22fill%3A%20rgb(0%2C%2074%2C%2067)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M50.132%2036.58H48.7l-3.76-5.226v5.227H43.36V29h1.668l3.526%204.973V29h1.578zM58.21%2029l3.011%207.58h-1.668l-.638-1.625h-3.313l-.638%201.626H53.33l3-7.581zm-2.093%204.635h2.272l-1.142-2.914zM68.351%2029h1.746l-2.899%204.498v3.083h-1.645v-3.083L62.643%2029h1.79l1.96%203.072zM77.62%2029h1.745l-2.899%204.498v3.083h-1.645v-3.083L71.91%2029h1.79l1.96%203.072zM85.667%2029l3.011%207.58h-1.667l-.638-1.625h-3.314l-.638%201.626h-1.634l3-7.581zm-2.093%204.635h2.273l-1.142-2.914z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M50.132%2036.58H48.7l-3.76-5.226v5.227H43.36V29h1.668l3.526%204.973V29h1.578zM58.21%2029l3.011%207.58h-1.668l-.638-1.625h-3.313l-.638%201.626H53.33l3-7.581zm-2.093%204.635h2.272l-1.142-2.914zM68.351%2029h1.746l-2.899%204.498v3.083h-1.645v-3.083L62.643%2029h1.79l1.96%203.072zM77.62%2029h1.745l-2.899%204.498v3.083h-1.645v-3.083L71.91%2029h1.79l1.96%203.072zM85.667%2029l3.011%207.58h-1.667l-.638-1.625h-3.314l-.638%201.626h-1.634l3-7.581zm-2.093%204.635h2.273l-1.142-2.914zM36.623%2036.18c-.226.594-.534.97-1.219.97-.166%200-.248-.007-.369-.03v-.586c.128.03.211.037.324.037.293%200%20.451-.105.61-.496l.187-.467-1.46-3.792h.715l1.106%203.01%201.091-3.01h.708zM32.68%2035.834c-.549%200-.985-.263-1.218-.654v.572h-.678V30.35h.678v2.038c.233-.383.67-.646%201.218-.646%201.091%200%201.716.925%201.716%202.046%200%201.113-.625%202.046-1.716%202.046m-1.233-2.181v.278c0%20.903.556%201.309%201.113%201.309.737%200%201.151-.61%201.151-1.452%200-.85-.414-1.452-1.151-1.452-.557%200-1.114.399-1.114%201.317M26.182%2035.834c-1.091%200-1.715-.933-1.715-2.046%200-1.121.624-2.046%201.715-2.046.55%200%20.986.263%201.219.646V30.35h.677v5.401H27.4v-.571c-.233.391-.67.654-1.22.654m1.234-2.181c0-.918-.557-1.317-1.114-1.317-.737%200-1.15.602-1.15%201.452%200%20.843.413%201.452%201.15%201.452.557%200%201.114-.406%201.114-1.31zM22.247%2035.833c-1.091%200-1.843-.835-1.843-2.046%200-1.174.744-2.047%201.813-2.047%201.098%200%201.678.835%201.678%201.926v.226H21.05c.037.828.511%201.354%201.196%201.354.526%200%20.903-.286%201.023-.752l.594.21c-.24.7-.835%201.13-1.617%201.13m-.038-3.513c-.572%200-1%20.383-1.12%201.053h2.12c-.014-.557-.315-1.053-1-1.053M20.09%2031.802v.685a1.6%201.6%200%200%200-.33-.03c-.573%200-1.032.451-1.032%201.143v2.152h-.677v-3.935h.677v.67c.173-.399.557-.7%201.091-.7.106%200%20.203.008.271.015M15.56%2035.833c-1.09%200-1.843-.835-1.843-2.046%200-1.174.745-2.047%201.814-2.047%201.098%200%201.678.835%201.678%201.926v.226h-2.844c.037.828.511%201.354%201.196%201.354.526%200%20.903-.286%201.023-.752l.594.21c-.24.7-.835%201.13-1.617%201.13m-.037-3.513c-.572%200-1%20.383-1.12%201.053h2.12c-.014-.557-.315-1.053-1-1.053M10.52%2031.816h.572l.813%202.935.82-2.935h.677l-1.196%203.935h-.595l-.82-2.919-.82%202.92h-.594L8.18%2031.815h.7l.828%202.927zM7.86%2033.787c0%201.218-.753%202.046-1.829%202.046s-1.828-.828-1.828-2.046c0-1.22.752-2.047%201.828-2.047s1.828.828%201.828%202.047m-2.972%200c0%20.895.45%201.467%201.143%201.467.692%200%201.144-.572%201.144-1.467%200-.903-.452-1.475-1.144-1.475s-1.143.572-1.143%201.475M.722%2033.487v2.264H0V30.35h2.061c1.144%200%201.874.534%201.874%201.564%200%201.016-.73%201.573-1.874%201.573zm0-.625h1.302c.767%200%201.196-.338%201.196-.948s-.429-.94-1.196-.94H.722z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\n- Favicon: https://d2dizdekwkg6b2.cloudfront.net/assets/favicon/apple-touch-icon-a0694e312bfe63e45531d48bef335518a0ce055228bd6f3bf2e4625ae5a15ace.png\n- Social card (og:image): https://images.ctfassets.net/spo69q0wewfi/7wYTtJ49FRAgAZQZDPmIv5/56b003331e41f318f527eadc964860a4/Northstar-the-financial-benefit-employees-deserve.png\n\n## UI Components\n\n- buttonPrimary: background=#FFAD3D, textColor=#004A43, borderRadius=8px, shadow=none\n\n## Brand Personality\n\nTone: professional · Energy: medium · Audience: employees seeking financial wellness programs\n\n## Northstar Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Northstar has raised $24.4M to bring financial wellness to the 100% | Northstar**\n - Image: https://images.ctfassets.net/spo69q0wewfi/22s1VLZJklqhUIpXkk0Oty/4b6eeb91dca7fb310cd12a05fd83f639/Northstar-Financial-Wellness-Program-Equity-Chat.png\n - Source: https://www.northstarmoney.com/blog/northstar-raised-24-4m-financial-wellness-for-all\n- **High yield savings vs CD: Where should I put my money? | Northstar**\n - Image: https://images.ctfassets.net/spo69q0wewfi/45dPLdFPMZmqZocZ2MXkKI/0c2de00be5177a0258b24399e689adc3/bank__1_.jpg\n - Source: https://www.northstarmoney.com/blog/high-yield-savings-vs-cd\n- **How (and why) to build an emergency fund | Northstar**\n - Image: https://images.ctfassets.net/spo69q0wewfi/2Co5Xx0I5oniRDyFZVSn8g/2de93528b08332d1df28aa65db2a2eb5/build_an_emergency_fund__1_.jpg\n - Source: https://www.northstarmoney.com/blog/build-an-emergency-fund\n- **Think like a marketer: Communicating the value of your total rewards package | Northstar**\n - Image: https://images.ctfassets.net/spo69q0wewfi/7sv0EFrNeDoF1o9CXsBPTu/5ab8c93a10c855c2c1e046802e2d1e69/communicating-employee-benefits.jpg\n - Source: https://www.northstarmoney.com/blog/think-like-a-marketer-communicating-value-total-rewards-package\n- **Financial education | Northstar**\n - Image: https://images.ctfassets.net/spo69q0wewfi/7gKYLMCL9jSkq3u7T2vIE5/d4a323b6e5bd345eb0baf5e366c87f32/Northstar-Financial-Literacy-Program.png\n - Source: https://www.northstarmoney.com/financial-education\n- **The evolution of benefits | Northstar**\n - Image: https://images.ctfassets.net/spo69q0wewfi/3ceZeZYwrHiZWrA2pv2EsA/2787948a7ab86b186c27b5a18c97df97/evolution-of-benefits-northstar-header.png\n - Source: https://www.northstarmoney.com/blog/the-evolution-of-benefits\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\": \"light\",\n \"fonts\": [\n {\n \"family\": \"FaktPro\",\n \"role\": \"body\"\n },\n {\n \"family\": \"Garnett\",\n \"role\": \"heading\"\n },\n {\n \"family\": \"PostGrotesk\",\n \"role\": \"unknown\"\n }\n ],\n \"colors\": {\n \"primary\": \"#4047FF\",\n \"secondary\": \"#D8EBE9\",\n \"accent\": \"#FFAD3D\",\n \"background\": \"#F1F6F6\",\n \"textPrimary\": \"#004A43\",\n \"link\": \"#004A43\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"FaktPro\",\n \"heading\": \"Garnett\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"Garnett\",\n \"Helvetica\",\n \"sans-serif\"\n ],\n \"body\": [\n \"PostGrotesk\",\n \"Helvetica\",\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"FaktPro\",\n \"Helvetica\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"48px\",\n \"h2\": \"32px\",\n \"body\": \"16px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"0px\"\n },\n \"components\": {\n \"buttonPrimary\": {\n \"background\": \"#FFAD3D\",\n \"textColor\": \"#004A43\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\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%20width%3D%22125%22%20height%3D%2238%22%20fill%3D%22none%22%20viewBox%3D%220%200%20125%2038%22%20font-family%3D%22inherit%22%20flex%3D%220%200%20auto%22%20color%3D%22%23004A43%22%20class%3D%22box__Box-sampdy-0%20header_components__HeaderLogo-pw6om-3%20jnWYqm%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22%23004A43%22%20d%3D%22M11.925%2011.41c1.073%200%201.672-.697%201.672-2.217V0h2.693v19.307h-2.794S8.482%2012.281%206.56%209.716C5.738%208.595%205.29%207.897%204.365%207.897c-1.073%200-1.672.698-1.672%202.217v9.193H0V0h2.794S7.808%207.026%209.73%209.592c.824%201.12%201.271%201.818%202.196%201.818M32.255%2012.12c0%204.092-2.42%207.484-6.71%207.484-4.34%200-6.76-3.392-6.76-7.483%200-4.016%202.42-7.459%206.76-7.459%204.289%200%206.71%203.443%206.71%207.459m-2.671%200c0-2.27-1.597-3.59-4.041-3.59-2.495%200-4.09%201.323-4.09%203.59%200%202.37%201.597%203.619%204.09%203.619%202.445%200%204.041-1.249%204.041-3.618M45.597%2014.627v-5.92h-2.295c-2.745%200-4.415.274-5.364%201.896-.45.774-.549%201.721-.549%203.143v5.562h-2.693V4.964h2.693v3.643c.75-2.495%202.37-3.643%205.263-3.643h2.943V1.297h2.694v3.667h5.432v3.742H48.29v4.828M57.15%2019.307V0h2.694v8.656c.599-2.295%202.32-3.942%205.013-3.942%203.119%200%205.239%202.419%205.239%205.861v8.73h-2.694v-6.934c0-.898-.099-1.622-.598-2.32-.648-.898-1.623-1.348-3.018-1.348-1.546%200-3.017.55-3.692%202.395-.25.697-.25%201.82-.25%203.017v5.189h-2.693zM88.713%2014.627v-5.92h-2.295V4.963h2.294V1.297h2.694v3.667h5.432v3.742h-5.432v4.828M109.736%2019.305v-2.693c-.824%201.82-2.296%202.992-4.44%202.992-3.866%200-5.938-3.267-5.938-7.458%200-4.116%202.07-7.484%205.938-7.484%202.144%200%203.618%201.197%204.44%203.018V4.96h2.693v14.344zm0-7.184c0-2.27-1.546-3.591-3.841-3.591-2.345%200-3.866%201.323-3.866%203.59%200%202.37%201.521%203.619%203.866%203.619%202.295%200%203.841-1.249%203.841-3.618M115.896%2019.309V4.965h2.694v3.643c.749-2.496%202.369-3.643%205.263-3.643H125v3.742h-.499c-2.743%200-4.415.274-5.364%201.896-.45.774-.549%201.722-.549%203.143v5.563z%22%20style%3D%22fill%3A%20rgb(0%2C%2074%2C%2067)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23004A43%22%20d%3D%22M91.406%2013.533c0%201.214.453%202.215%202.19%202.215%201.557%200%202.24-.785%202.24-2.228h1.87c.259%203.942-1.112%206.086-4.348%206.086-3.222%200-4.648-2.411-4.648-4.98M48.293%2013.533c0%201.214.453%202.215%202.19%202.215%201.557%200%202.24-.785%202.24-2.228h1.87c.258%203.942-1.112%206.086-4.349%206.086-3.221%200-4.647-2.411-4.647-4.98M85.321%2015.165c0%201.933-1.403%204.44-6.037%204.44-5.04%200-6.919-2.894-6.795-6.087h1.87c0%20.799.484%201.372%201.058%201.721%201.035.608%202.678.698%204.05.698%201.695%200%203.167-.442%203.167-1.355%200-.504-.303-.915-1.26-1.089a49%2049%200%200%200-2.783-.411c-2.86-.353-5.774-.862-5.774-3.929%200-2.688%202.303-4.49%205.61-4.49%204.445%200%206.513%202.87%206.225%205.853h-1.82c0-.63-.503-1.302-1.127-1.626-.722-.374-1.643-.61-3.114-.61-1.937%200-3.227.414-3.227%201.342%200%20.724.587%201.096%203.598%201.44%201.933.215%203.27.392%204.184.8%201.575.64%202.175%201.98%202.175%203.303%22%20style%3D%22fill%3A%20rgb(0%2C%2074%2C%2067)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M50.132%2036.58H48.7l-3.76-5.226v5.227H43.36V29h1.668l3.526%204.973V29h1.578zM58.21%2029l3.011%207.58h-1.668l-.638-1.625h-3.313l-.638%201.626H53.33l3-7.581zm-2.093%204.635h2.272l-1.142-2.914zM68.351%2029h1.746l-2.899%204.498v3.083h-1.645v-3.083L62.643%2029h1.79l1.96%203.072zM77.62%2029h1.745l-2.899%204.498v3.083h-1.645v-3.083L71.91%2029h1.79l1.96%203.072zM85.667%2029l3.011%207.58h-1.667l-.638-1.625h-3.314l-.638%201.626h-1.634l3-7.581zm-2.093%204.635h2.273l-1.142-2.914z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M50.132%2036.58H48.7l-3.76-5.226v5.227H43.36V29h1.668l3.526%204.973V29h1.578zM58.21%2029l3.011%207.58h-1.668l-.638-1.625h-3.313l-.638%201.626H53.33l3-7.581zm-2.093%204.635h2.272l-1.142-2.914zM68.351%2029h1.746l-2.899%204.498v3.083h-1.645v-3.083L62.643%2029h1.79l1.96%203.072zM77.62%2029h1.745l-2.899%204.498v3.083h-1.645v-3.083L71.91%2029h1.79l1.96%203.072zM85.667%2029l3.011%207.58h-1.667l-.638-1.625h-3.314l-.638%201.626h-1.634l3-7.581zm-2.093%204.635h2.273l-1.142-2.914zM36.623%2036.18c-.226.594-.534.97-1.219.97-.166%200-.248-.007-.369-.03v-.586c.128.03.211.037.324.037.293%200%20.451-.105.61-.496l.187-.467-1.46-3.792h.715l1.106%203.01%201.091-3.01h.708zM32.68%2035.834c-.549%200-.985-.263-1.218-.654v.572h-.678V30.35h.678v2.038c.233-.383.67-.646%201.218-.646%201.091%200%201.716.925%201.716%202.046%200%201.113-.625%202.046-1.716%202.046m-1.233-2.181v.278c0%20.903.556%201.309%201.113%201.309.737%200%201.151-.61%201.151-1.452%200-.85-.414-1.452-1.151-1.452-.557%200-1.114.399-1.114%201.317M26.182%2035.834c-1.091%200-1.715-.933-1.715-2.046%200-1.121.624-2.046%201.715-2.046.55%200%20.986.263%201.219.646V30.35h.677v5.401H27.4v-.571c-.233.391-.67.654-1.22.654m1.234-2.181c0-.918-.557-1.317-1.114-1.317-.737%200-1.15.602-1.15%201.452%200%20.843.413%201.452%201.15%201.452.557%200%201.114-.406%201.114-1.31zM22.247%2035.833c-1.091%200-1.843-.835-1.843-2.046%200-1.174.744-2.047%201.813-2.047%201.098%200%201.678.835%201.678%201.926v.226H21.05c.037.828.511%201.354%201.196%201.354.526%200%20.903-.286%201.023-.752l.594.21c-.24.7-.835%201.13-1.617%201.13m-.038-3.513c-.572%200-1%20.383-1.12%201.053h2.12c-.014-.557-.315-1.053-1-1.053M20.09%2031.802v.685a1.6%201.6%200%200%200-.33-.03c-.573%200-1.032.451-1.032%201.143v2.152h-.677v-3.935h.677v.67c.173-.399.557-.7%201.091-.7.106%200%20.203.008.271.015M15.56%2035.833c-1.09%200-1.843-.835-1.843-2.046%200-1.174.745-2.047%201.814-2.047%201.098%200%201.678.835%201.678%201.926v.226h-2.844c.037.828.511%201.354%201.196%201.354.526%200%20.903-.286%201.023-.752l.594.21c-.24.7-.835%201.13-1.617%201.13m-.037-3.513c-.572%200-1%20.383-1.12%201.053h2.12c-.014-.557-.315-1.053-1-1.053M10.52%2031.816h.572l.813%202.935.82-2.935h.677l-1.196%203.935h-.595l-.82-2.919-.82%202.92h-.594L8.18%2031.815h.7l.828%202.927zM7.86%2033.787c0%201.218-.753%202.046-1.829%202.046s-1.828-.828-1.828-2.046c0-1.22.752-2.047%201.828-2.047s1.828.828%201.828%202.047m-2.972%200c0%20.895.45%201.467%201.143%201.467.692%200%201.144-.572%201.144-1.467%200-.903-.452-1.475-1.144-1.475s-1.143.572-1.143%201.475M.722%2033.487v2.264H0V30.35h2.061c1.144%200%201.874.534%201.874%201.564%200%201.016-.73%201.573-1.874%201.573zm0-.625h1.302c.767%200%201.196-.338%201.196-.948s-.429-.94-1.196-.94H.722z%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\",\n \"favicon\": \"https://d2dizdekwkg6b2.cloudfront.net/assets/favicon/apple-touch-icon-a0694e312bfe63e45531d48bef335518a0ce055228bd6f3bf2e4625ae5a15ace.png\",\n \"ogImage\": \"https://images.ctfassets.net/spo69q0wewfi/7wYTtJ49FRAgAZQZDPmIv5/56b003331e41f318f527eadc964860a4/Northstar-the-financial-benefit-employees-deserve.png\",\n \"logoHref\": \"/\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is located in the header, is visible, links to the homepage, and matches the brand inferred from the URL and page title.\",\n \"confidence\": 0.95,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 0,\n \"text\": \"Request a tour\",\n \"reasoning\": \"Button #0 is selected as the primary CTA because it uses a vibrant brand color (#FFAD3D) and has action-oriented text ('Request a tour'), making it stand out as the main call-to-action.\"\n },\n \"secondary\": {\n \"index\": -1,\n \"text\": \"N/A\",\n \"reasoning\": \"Both buttons share the same background color (#FFAD3D), so no valid secondary button exists with a different color.\"\n },\n \"confidence\": 0.9\n },\n \"personality\": {\n \"tone\": \"professional\",\n \"energy\": \"medium\",\n \"targetAudience\": \"employees seeking financial wellness programs\"\n },\n \"designSystem\": {\n \"framework\": \"custom\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0.9,\n \"colors\": 0.9,\n \"overall\": 0.9\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, links to the homepage, and matches the brand inferred from the URL and page title.\",\n \"confidence\": 0.95\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }