{ "name": "Tabs", "slug": "tabs", "domain": "https://tabs.inc/", "sources": [ "startups_gallery" ], "branding": { "colorScheme": "light", "fonts": [ { "family": "Geist", "role": "body" }, { "family": "Geist Mono", "role": "monospace" } ], "colors": { "primary": "#6AF3FF", "secondary": "#001E2D", "accent": "#05131A", "background": "#FFFFFF", "textPrimary": "#05131A", "link": "#05131A" }, "typography": { "fontFamilies": { "primary": "Geist", "heading": "Geist" }, "fontStacks": { "heading": [ "Geist", "monospace" ], "body": [ "Geist", "sans-serif" ], "paragraph": [ "Geist", "sans-serif" ] }, "fontSizes": { "h1": "12px", "h2": "56px", "body": "18px" } }, "spacing": { "baseUnit": 6, "borderRadius": "0px" }, "components": { "input": { "background": "transparent", "textColor": "#05131A", "borderColor": null, "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" }, "buttonPrimary": { "background": "#05131A", "textColor": "#FFFFFF", "borderColor": "#05131A", "borderRadius": "33554400px", "borderRadiusCorners": { "topLeft": "33554400px", "topRight": "33554400px", "bottomRight": "33554400px", "bottomLeft": "33554400px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#0B0B0B", "borderColor": "#E6E7E8", "borderRadius": "33554400px", "borderRadiusCorners": { "topLeft": "33554400px", "topRight": "33554400px", "bottomRight": "33554400px", "bottomLeft": "33554400px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2265%22%20height%3D%2227%22%20viewBox%3D%220%200%2065%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M60.2174%204.46047V0H59.4205L59.4074%200.0802268C58.9553%202.79148%2056.6019%204.77932%2053.8438%204.77932V7.16075V7.16144L58.3043%207.14635C58.4805%207.14635%2058.6243%207.28829%2058.6243%207.46383V11.9085H59.4212L59.4322%2011.8434C59.8857%209.13214%2062.2399%207.14498%2064.9987%207.14498V4.76355V4.76286L60.5381%204.77795C60.3619%204.77795%2060.2181%204.63601%2060.2181%204.46047H60.2174Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M51.4076%2015.0093L48.1829%2014.4457C46.7969%2014.1919%2046.4859%2013.7408%2046.4859%2012.9796C46.5141%2012.0491%2046.8823%2011.4574%2048.9467%2011.4574C51.0112%2011.4574%2051.4922%2012.0718%2051.6236%2013.4027H55.5943C55.5757%2010.3459%2052.5258%208.6947%2049.116%208.6947C45.0993%208.6947%2042.5531%2010.7244%2042.5531%2013.5433C42.5531%2015.7416%2044.1937%2017.0664%2046.7963%2017.5457L50.0491%2018.1375C51.4633%2018.3912%2051.8597%2018.7854%2051.8597%2019.5466C51.8597%2020.6176%2051.4351%2021.2094%2049.2289%2021.2094C46.8527%2021.2094%2046.3435%2020.5326%2046.2306%2019.0392H42.2703C42.2139%2022.3086%2045.325%2024.0002%2049.0596%2024.0002C53.2463%2024.0002%2055.82%2021.8862%2055.82%2019.0673C55.82%2016.812%2054.0941%2015.4879%2051.4069%2015.0086L51.4076%2015.0093Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M35.0826%208.6912V8.70149C33.4077%208.79749%2032.0314%209.54284%2031.3453%2010.4102H30.4404V5.13928H26.3672V23.6017H30.2704V22.1645H31.1753C31.8387%2023.1005%2033.1757%2023.9555%2035.0826%2023.9953V23.9926C37.7926%2023.9926%2040.572%2021.5049%2040.572%2016.2737C40.572%2011.9044%2038.4773%208.6912%2035.0826%208.6912ZM36.2669%2016.334V18.11C36.2669%2020.0546%2035.7295%2020.7595%2033.3533%2020.7595C30.9771%2020.7595%2030.4397%2020.0546%2030.4397%2018.11V15.0936C30.4397%2013.1489%2030.9771%2011.9106%2033.3533%2011.9106C35.7295%2011.9106%2036.2669%2013.1489%2036.2669%2015.0936V16.334Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M10.2109%2019.2936C10.2109%2016.8978%2011.6815%2015.2349%2015.1326%2014.9812L19.9132%2014.6425V13.5152C19.9132%2011.9367%2019.2058%2011.5987%2017.367%2011.5987C15.2737%2011.5987%2014.6798%2012.1342%2014.6234%2013.6565H10.5784C10.5502%2010.6408%2013.3221%208.69543%2017.537%208.69543C20.5917%208.69543%2023.9017%209.71027%2023.9017%2013.9383V23.6066H19.9985V22.3381H19.0936C18.4426%2023.3529%2016.802%2023.9166%2015.1333%2023.9166C12.2479%2023.9166%2010.2116%2022.225%2010.2116%2019.2936H10.2109ZM19.9132%2018.3919V17.1515L16.2357%2017.4614C14.6798%2017.6027%2014.3405%2017.9688%2014.3405%2019.2655C14.3405%2020.7027%2015.0197%2021.0414%2016.9995%2021.0414C19.3757%2021.0414%2019.9132%2020.3365%2019.9132%2018.3919Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M4.13028%2012.5017H8.73263V9.08963H4.13028V5.14343H0V10.699C0%2011.6946%200.809953%2012.501%201.80846%2012.501H2.10987V13.402H1.80846C0.809265%2013.402%200%2014.2091%200%2015.204V19.2921C0%2021.9979%201.64055%2023.6045%204.72415%2023.6045H8.73263V20.1938H4.81843C4.43857%2020.1938%204.13028%2019.8866%204.13028%2019.5081V12.5003V12.5017Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.tabs.com/favicon.ico", "ogImage": "https://cdn.sanity.io/images/ryk1x57s/production/27804eae693630b8bf8a73b318e6b9e1de2eb472-2430x1276.jpg?rect=0,3,2430,1270&w=1200&h=627&fit=crop&auto=format", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 1, "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Get a demo", "reasoning": "Button #11 'Get a demo' has a dark background (#05131A) which stands out as a strong CTA, and the text is action-oriented, making it the primary button." }, "secondary": { "index": 11, "text": "Explore Tabs Platform", "reasoning": "Button #5 'Explore Tabs Platform' has a white background (#FFFFFF), which is different from the primary button's color, making it suitable as a secondary button." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "B2B companies looking for revenue automation solutions" }, "designSystem": { "framework": "tailwind", "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 visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tabs/2713439a46.webp", "alt": "Revenue Recognition Software for Accurate Compliance | Tabs", "source_url": "https://tabs.inc/platform/revenue-recognition", "image_url": "https://cdn.sanity.io/images/ryk1x57s/production/8be9e16878a978a8257e9fe3b2a271aa497a44a7-6400x4000.png?auto=format&h=2400&w=3840&fit=min", "width": 3840, "height": 2400, "bytes": 2026887, "query": "site:tabs.inc", "query_suffix": "site:tabs.inc" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tabs/40372ca695.webp", "alt": "The Ultimate Guide to Pricing Tiers for SaaS Companies | Tabs", "source_url": "https://tabs.inc/blog/pricing-tiers?__hstc=65056305.73bd3bee6fa385653ecd7c9674ba06f0.1761696000157.1761696000158.1761696000159.1&__hssc=65056305.1.1761696000160&__hsfp=1412292518", "image_url": "https://cdn.sanity.io/images/ryk1x57s/production/4244c44056cac3018b1a4556ca242a73317e10df-2048x1024.webp?auto=format", "width": 2048, "height": 1024, "bytes": 78548, "query": "site:tabs.inc blog", "query_suffix": "site:tabs.inc blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tabs/4ad7bfd66a.webp", "alt": "Revenue Automation for B2B: Streamline with Tabs | Tabs", "source_url": "https://tabs.inc/home", "image_url": "https://www.tabs.com/_next/image?url=%2Fimages%2Ffull-shine.png&w=3840&q=75", "width": 2118, "height": 2157, "bytes": 522655, "query": "site:tabs.inc", "query_suffix": "site:tabs.inc" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tabs/9d76ac9be9.webp", "alt": "Watch Webinars About Finance, AI, Automation & More | Tabs", "source_url": "https://tabs.inc/webinar/q2-2025-product-demo", "image_url": "https://www.tabs.com/images/not-found-bg.jpg", "width": 2560, "height": 1490, "bytes": 69356, "query": "site:tabs.inc", "query_suffix": "site:tabs.inc" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tabs/96eb9669c6.webp", "alt": "What to Look for in a Subscription Management Tool | Tabs", "source_url": "https://tabs.inc/blog/subscription-management-tool", "image_url": "https://cdn.sanity.io/images/ryk1x57s/production/2e87b9d4cdd3268d518bb04864714af24b8e7020-2048x1024.webp?auto=format", "width": 2048, "height": 1024, "bytes": 79516, "query": "site:tabs.inc blog", "query_suffix": "site:tabs.inc blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tabs/99d4f6045c.webp", "alt": "Finance & Accounting Automation for Cashflow Clarity | Tabs", "source_url": "https://tabs.inc/solutions/finance-teams", "image_url": "https://cdn.sanity.io/images/ryk1x57s/production/0a3f05678d8dd0e6bf6e1a3f4e9e591bd672c9f7-1884x1800.jpg?auto=format&h=3669&w=3840&fit=min", "width": 1884, "height": 1800, "bytes": 297155, "query": "site:tabs.inc", "query_suffix": "site:tabs.inc" } ], "font_resources": [ { "family": "Geist", "google_fonts_url": "https://fonts.google.com/specimen/Geist" }, { "family": "Geist", "google_fonts_url": "https://fonts.google.com/specimen/Geist" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=Geist&family=Geist&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/tabs", "agent_instructions": "You are designing or implementing in Tabs's brand identity.\n\n# Brand profile\n- Company: Tabs\n- Source: https://tabs.inc/\n- Color scheme: light\n\n# Colors\n- primary: #6AF3FF\n- secondary: #001E2D\n- accent: #05131A\n- background: #FFFFFF\n- textPrimary: #05131A\n- link: #05131A\n\n# Typography\n- primary: Geist — https://fonts.google.com/specimen/Geist\n- heading: Geist — https://fonts.google.com/specimen/Geist\n\nLoad all fonts at once: \n\n# UI Components\n- input: background=transparent, textColor=#05131A, borderColor=null, borderRadius=0px, shadow=none\n- buttonPrimary: background=#05131A, textColor=#FFFFFF, borderColor=#05131A, borderRadius=33554400px, shadow=none\n- buttonSecondary: background=#FFFFFF, textColor=#0B0B0B, borderColor=#E6E7E8, borderRadius=33554400px, shadow=none\n\n# Brand voice\n- Tone: professional\n- Energy: medium\n- Audience: B2B companies looking for revenue automation solutions\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/tabs.json", "page_markdown": "# Tabs Brand Identity\n\nA complete profile of **Tabs**'s visual system — colors, typography, components, and personality — extracted from https://tabs.inc/. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/tabs\n- Machine-readable JSON: https://characterquilt.com/branding/tabs.json\n- Per-page llms.txt: https://characterquilt.com/branding/tabs/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #6AF3FF |\n| Accent | #05131A |\n| Body Font | Geist |\n| Heading Font | Geist |\n\n## Color Palette\n\n- primary: #6AF3FF\n- secondary: #001E2D\n- accent: #05131A\n- background: #FFFFFF\n- textPrimary: #05131A\n- link: #05131A\n\n## Typography\n\n- primary: Geist — https://fonts.google.com/specimen/Geist\n- heading: Geist — https://fonts.google.com/specimen/Geist\n\n## Visual Assets\n\n- Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%2265%22%20height%3D%2227%22%20viewBox%3D%220%200%2065%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M60.2174%204.46047V0H59.4205L59.4074%200.0802268C58.9553%202.79148%2056.6019%204.77932%2053.8438%204.77932V7.16075V7.16144L58.3043%207.14635C58.4805%207.14635%2058.6243%207.28829%2058.6243%207.46383V11.9085H59.4212L59.4322%2011.8434C59.8857%209.13214%2062.2399%207.14498%2064.9987%207.14498V4.76355V4.76286L60.5381%204.77795C60.3619%204.77795%2060.2181%204.63601%2060.2181%204.46047H60.2174Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M51.4076%2015.0093L48.1829%2014.4457C46.7969%2014.1919%2046.4859%2013.7408%2046.4859%2012.9796C46.5141%2012.0491%2046.8823%2011.4574%2048.9467%2011.4574C51.0112%2011.4574%2051.4922%2012.0718%2051.6236%2013.4027H55.5943C55.5757%2010.3459%2052.5258%208.6947%2049.116%208.6947C45.0993%208.6947%2042.5531%2010.7244%2042.5531%2013.5433C42.5531%2015.7416%2044.1937%2017.0664%2046.7963%2017.5457L50.0491%2018.1375C51.4633%2018.3912%2051.8597%2018.7854%2051.8597%2019.5466C51.8597%2020.6176%2051.4351%2021.2094%2049.2289%2021.2094C46.8527%2021.2094%2046.3435%2020.5326%2046.2306%2019.0392H42.2703C42.2139%2022.3086%2045.325%2024.0002%2049.0596%2024.0002C53.2463%2024.0002%2055.82%2021.8862%2055.82%2019.0673C55.82%2016.812%2054.0941%2015.4879%2051.4069%2015.0086L51.4076%2015.0093Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M35.0826%208.6912V8.70149C33.4077%208.79749%2032.0314%209.54284%2031.3453%2010.4102H30.4404V5.13928H26.3672V23.6017H30.2704V22.1645H31.1753C31.8387%2023.1005%2033.1757%2023.9555%2035.0826%2023.9953V23.9926C37.7926%2023.9926%2040.572%2021.5049%2040.572%2016.2737C40.572%2011.9044%2038.4773%208.6912%2035.0826%208.6912ZM36.2669%2016.334V18.11C36.2669%2020.0546%2035.7295%2020.7595%2033.3533%2020.7595C30.9771%2020.7595%2030.4397%2020.0546%2030.4397%2018.11V15.0936C30.4397%2013.1489%2030.9771%2011.9106%2033.3533%2011.9106C35.7295%2011.9106%2036.2669%2013.1489%2036.2669%2015.0936V16.334Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M10.2109%2019.2936C10.2109%2016.8978%2011.6815%2015.2349%2015.1326%2014.9812L19.9132%2014.6425V13.5152C19.9132%2011.9367%2019.2058%2011.5987%2017.367%2011.5987C15.2737%2011.5987%2014.6798%2012.1342%2014.6234%2013.6565H10.5784C10.5502%2010.6408%2013.3221%208.69543%2017.537%208.69543C20.5917%208.69543%2023.9017%209.71027%2023.9017%2013.9383V23.6066H19.9985V22.3381H19.0936C18.4426%2023.3529%2016.802%2023.9166%2015.1333%2023.9166C12.2479%2023.9166%2010.2116%2022.225%2010.2116%2019.2936H10.2109ZM19.9132%2018.3919V17.1515L16.2357%2017.4614C14.6798%2017.6027%2014.3405%2017.9688%2014.3405%2019.2655C14.3405%2020.7027%2015.0197%2021.0414%2016.9995%2021.0414C19.3757%2021.0414%2019.9132%2020.3365%2019.9132%2018.3919Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M4.13028%2012.5017H8.73263V9.08963H4.13028V5.14343H0V10.699C0%2011.6946%200.809953%2012.501%201.80846%2012.501H2.10987V13.402H1.80846C0.809265%2013.402%200%2014.2091%200%2015.204V19.2921C0%2021.9979%201.64055%2023.6045%204.72415%2023.6045H8.73263V20.1938H4.81843C4.43857%2020.1938%204.13028%2019.8866%204.13028%2019.5081V12.5003V12.5017Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\n- Favicon: https://www.tabs.com/favicon.ico\n- Social card (og:image): https://cdn.sanity.io/images/ryk1x57s/production/27804eae693630b8bf8a73b318e6b9e1de2eb472-2430x1276.jpg?rect=0,3,2430,1270&w=1200&h=627&fit=crop&auto=format\n\n## UI Components\n\n- input: background=transparent, textColor=#05131A, borderColor=null, borderRadius=0px, shadow=none\n- buttonPrimary: background=#05131A, textColor=#FFFFFF, borderColor=#05131A, borderRadius=33554400px, shadow=none\n- buttonSecondary: background=#FFFFFF, textColor=#0B0B0B, borderColor=#E6E7E8, borderRadius=33554400px, shadow=none\n\n## Brand Personality\n\nTone: professional · Energy: medium · Audience: B2B companies looking for revenue automation solutions\n\n## Tabs Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Revenue Recognition Software for Accurate Compliance | Tabs**\n - Image: https://cdn.sanity.io/images/ryk1x57s/production/8be9e16878a978a8257e9fe3b2a271aa497a44a7-6400x4000.png?auto=format&h=2400&w=3840&fit=min\n - Source: https://tabs.inc/platform/revenue-recognition\n- **The Ultimate Guide to Pricing Tiers for SaaS Companies | Tabs**\n - Image: https://cdn.sanity.io/images/ryk1x57s/production/4244c44056cac3018b1a4556ca242a73317e10df-2048x1024.webp?auto=format\n - Source: https://tabs.inc/blog/pricing-tiers?__hstc=65056305.73bd3bee6fa385653ecd7c9674ba06f0.1761696000157.1761696000158.1761696000159.1&__hssc=65056305.1.1761696000160&__hsfp=1412292518\n- **Revenue Automation for B2B: Streamline with Tabs | Tabs**\n - Image: https://www.tabs.com/_next/image?url=%2Fimages%2Ffull-shine.png&w=3840&q=75\n - Source: https://tabs.inc/home\n- **Watch Webinars About Finance, AI, Automation & More | Tabs**\n - Image: https://www.tabs.com/images/not-found-bg.jpg\n - Source: https://tabs.inc/webinar/q2-2025-product-demo\n- **What to Look for in a Subscription Management Tool | Tabs**\n - Image: https://cdn.sanity.io/images/ryk1x57s/production/2e87b9d4cdd3268d518bb04864714af24b8e7020-2048x1024.webp?auto=format\n - Source: https://tabs.inc/blog/subscription-management-tool\n- **Finance & Accounting Automation for Cashflow Clarity | Tabs**\n - Image: https://cdn.sanity.io/images/ryk1x57s/production/0a3f05678d8dd0e6bf6e1a3f4e9e591bd672c9f7-1884x1800.jpg?auto=format&h=3669&w=3840&fit=min\n - Source: https://tabs.inc/solutions/finance-teams\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\": \"Geist\",\n \"role\": \"body\"\n },\n {\n \"family\": \"Geist Mono\",\n \"role\": \"monospace\"\n }\n ],\n \"colors\": {\n \"primary\": \"#6AF3FF\",\n \"secondary\": \"#001E2D\",\n \"accent\": \"#05131A\",\n \"background\": \"#FFFFFF\",\n \"textPrimary\": \"#05131A\",\n \"link\": \"#05131A\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"Geist\",\n \"heading\": \"Geist\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"Geist\",\n \"monospace\"\n ],\n \"body\": [\n \"Geist\",\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"Geist\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"12px\",\n \"h2\": \"56px\",\n \"body\": \"18px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 6,\n \"borderRadius\": \"0px\"\n },\n \"components\": {\n \"input\": {\n \"background\": \"transparent\",\n \"textColor\": \"#05131A\",\n \"borderColor\": null,\n \"borderRadius\": \"0px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"0px\",\n \"topRight\": \"0px\",\n \"bottomRight\": \"0px\",\n \"bottomLeft\": \"0px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonPrimary\": {\n \"background\": \"#05131A\",\n \"textColor\": \"#FFFFFF\",\n \"borderColor\": \"#05131A\",\n \"borderRadius\": \"33554400px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"33554400px\",\n \"topRight\": \"33554400px\",\n \"bottomRight\": \"33554400px\",\n \"bottomLeft\": \"33554400px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonSecondary\": {\n \"background\": \"#FFFFFF\",\n \"textColor\": \"#0B0B0B\",\n \"borderColor\": \"#E6E7E8\",\n \"borderRadius\": \"33554400px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"33554400px\",\n \"topRight\": \"33554400px\",\n \"bottomRight\": \"33554400px\",\n \"bottomLeft\": \"33554400px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"logo\": \"data:image/svg+xml;utf8,%3Csvg%20width%3D%2265%22%20height%3D%2227%22%20viewBox%3D%220%200%2065%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M60.2174%204.46047V0H59.4205L59.4074%200.0802268C58.9553%202.79148%2056.6019%204.77932%2053.8438%204.77932V7.16075V7.16144L58.3043%207.14635C58.4805%207.14635%2058.6243%207.28829%2058.6243%207.46383V11.9085H59.4212L59.4322%2011.8434C59.8857%209.13214%2062.2399%207.14498%2064.9987%207.14498V4.76355V4.76286L60.5381%204.77795C60.3619%204.77795%2060.2181%204.63601%2060.2181%204.46047H60.2174Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M51.4076%2015.0093L48.1829%2014.4457C46.7969%2014.1919%2046.4859%2013.7408%2046.4859%2012.9796C46.5141%2012.0491%2046.8823%2011.4574%2048.9467%2011.4574C51.0112%2011.4574%2051.4922%2012.0718%2051.6236%2013.4027H55.5943C55.5757%2010.3459%2052.5258%208.6947%2049.116%208.6947C45.0993%208.6947%2042.5531%2010.7244%2042.5531%2013.5433C42.5531%2015.7416%2044.1937%2017.0664%2046.7963%2017.5457L50.0491%2018.1375C51.4633%2018.3912%2051.8597%2018.7854%2051.8597%2019.5466C51.8597%2020.6176%2051.4351%2021.2094%2049.2289%2021.2094C46.8527%2021.2094%2046.3435%2020.5326%2046.2306%2019.0392H42.2703C42.2139%2022.3086%2045.325%2024.0002%2049.0596%2024.0002C53.2463%2024.0002%2055.82%2021.8862%2055.82%2019.0673C55.82%2016.812%2054.0941%2015.4879%2051.4069%2015.0086L51.4076%2015.0093Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M35.0826%208.6912V8.70149C33.4077%208.79749%2032.0314%209.54284%2031.3453%2010.4102H30.4404V5.13928H26.3672V23.6017H30.2704V22.1645H31.1753C31.8387%2023.1005%2033.1757%2023.9555%2035.0826%2023.9953V23.9926C37.7926%2023.9926%2040.572%2021.5049%2040.572%2016.2737C40.572%2011.9044%2038.4773%208.6912%2035.0826%208.6912ZM36.2669%2016.334V18.11C36.2669%2020.0546%2035.7295%2020.7595%2033.3533%2020.7595C30.9771%2020.7595%2030.4397%2020.0546%2030.4397%2018.11V15.0936C30.4397%2013.1489%2030.9771%2011.9106%2033.3533%2011.9106C35.7295%2011.9106%2036.2669%2013.1489%2036.2669%2015.0936V16.334Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M10.2109%2019.2936C10.2109%2016.8978%2011.6815%2015.2349%2015.1326%2014.9812L19.9132%2014.6425V13.5152C19.9132%2011.9367%2019.2058%2011.5987%2017.367%2011.5987C15.2737%2011.5987%2014.6798%2012.1342%2014.6234%2013.6565H10.5784C10.5502%2010.6408%2013.3221%208.69543%2017.537%208.69543C20.5917%208.69543%2023.9017%209.71027%2023.9017%2013.9383V23.6066H19.9985V22.3381H19.0936C18.4426%2023.3529%2016.802%2023.9166%2015.1333%2023.9166C12.2479%2023.9166%2010.2116%2022.225%2010.2116%2019.2936H10.2109ZM19.9132%2018.3919V17.1515L16.2357%2017.4614C14.6798%2017.6027%2014.3405%2017.9688%2014.3405%2019.2655C14.3405%2020.7027%2015.0197%2021.0414%2016.9995%2021.0414C19.3757%2021.0414%2019.9132%2020.3365%2019.9132%2018.3919Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M4.13028%2012.5017H8.73263V9.08963H4.13028V5.14343H0V10.699C0%2011.6946%200.809953%2012.501%201.80846%2012.501H2.10987V13.402H1.80846C0.809265%2013.402%200%2014.2091%200%2015.204V19.2921C0%2021.9979%201.64055%2023.6045%204.72415%2023.6045H8.73263V20.1938H4.81843C4.43857%2020.1938%204.13028%2019.8866%204.13028%2019.5081V12.5003V12.5017Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.1774%200.0251%20230.63)%20!important%3B%22%2F%3E%3C%2Fsvg%3E\",\n \"favicon\": \"https://www.tabs.com/favicon.ico\",\n \"ogImage\": \"https://cdn.sanity.io/images/ryk1x57s/production/27804eae693630b8bf8a73b318e6b9e1de2eb472-2430x1276.jpg?rect=0,3,2430,1270&w=1200&h=627&fit=crop&auto=format\",\n \"logoHref\": \"/\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 1,\n \"reasoning\": \"Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.\",\n \"confidence\": 0.9,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 0,\n \"text\": \"Get a demo\",\n \"reasoning\": \"Button #11 'Get a demo' has a dark background (#05131A) which stands out as a strong CTA, and the text is action-oriented, making it the primary button.\"\n },\n \"secondary\": {\n \"index\": 11,\n \"text\": \"Explore Tabs Platform\",\n \"reasoning\": \"Button #5 'Explore Tabs Platform' has a white background (#FFFFFF), which is different from the primary button's color, making it suitable as a secondary button.\"\n },\n \"confidence\": 0.95\n },\n \"personality\": {\n \"tone\": \"professional\",\n \"energy\": \"medium\",\n \"targetAudience\": \"B2B companies looking for revenue automation solutions\"\n },\n \"designSystem\": {\n \"framework\": \"tailwind\",\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 visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.\",\n \"confidence\": 0.9\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }