# Tabs Brand Identity A complete profile of **Tabs**'s visual system — colors, typography, components, and personality — extracted from [tabs.inc](https://tabs.inc/). Built for designers, agents, and AI tools. ## Color Palette Brand palette extracted from [tabs.inc](https://tabs.inc/). | Color Name | Hex | RGB | |--------------|-----------|-----------------------| | Primary | #6AF3FF | rgb(106, 243, 255) | | Secondary | #001E2D | rgb(0, 30, 45) | | Accent | #05131A | rgb(5, 19, 26) | | Background | #FFFFFF | rgb(255, 255, 255) | | Text Primary | #05131A | rgb(5, 19, 26) | | Link | #05131A | rgb(5, 19, 26) | ## Typography Each font links to its Google Fonts page where available. | Font Role | Family | Google Fonts Link | |-----------|--------|--------------------------------------| | Primary | Geist | [Google Fonts →](https://fonts.google.com/specimen/Geist) | | Heading | Geist | [Google Fonts →](https://fonts.google.com/specimen/Geist) | ### Code Instructions ``` Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ``` ## Visual Assets %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%20333.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%20114.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) ## UI Components Live previews rendered using Tabs's actual button styles. | Component | Example | Properties | |------------------|---------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | Input | input | background: transparent, textColor: #05131A, borderColor: null, borderRadius: 0px, shadow: none | | Button Primary | buttonPrimary | background: #05131A, textColor: #FFFFFF, borderColor: #05131A, borderRadius: 33554400px, shadow: none | | Button Secondary | buttonSecondary| background: #FFFFFF, textColor: #0B0B0B, borderColor: #E6E7E8, borderRadius: 33554400px, shadow: none | ## Brand Personality **Tone:** professional **Energy:** medium **Audience:** B2B companies looking for revenue automation solutions ## Tabs Brand in the Wild Real-world brand assets — ads, campaigns, and marketing materials. Image: [cdn.sanity.io](https://cdn.sanity.io/images/ryk1x57s/production/8be9e16878a978a8257e9fe3b2a271aa497a44a7-6400x4000.png?auto=format&h=2400&w=3840&fit=min) Source: [tabs.inc](https://tabs.inc/platform/revenue-recognition) Image: [cdn.sanity.io](https://cdn.sanity.io/images/ryk1x57s/production/4244c44056cac3018b1a4556ca242a73317e10df-2048x1024.webp?auto=format) Source: [tabs.inc](https://tabs.inc/blog/pricing-tiers) ... (additional images omitted for brevity) ## Frequently Asked Questions 1. **What is Tabs's primary brand color?** - Tabs's primary brand color is #6AF3FF. It anchors the visual identity across their website, product UI, and marketing materials. 2. **What accent color does Tabs use?** - Tabs uses #05131A as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis. 3. **What font does Tabs use?** - Tabs uses Geist as the primary typeface across body and headings. 4. **Does Tabs use a light or dark theme?** - Tabs's primary site uses a light color scheme, with a background of #FFFFFF. 5. **Where can I find Tabs's logo?** - Tabs's logo is available directly on their site (https://tabs.inc/). The current logo URL is included in the machine-readable JSON profile linked above. 6. **How was this brand profile generated?** - This profile was extracted from https://tabs.inc/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Tabs. ## Methodology Brand data on this page was extracted from [tabs.inc](https://tabs.inc/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. ## Machine-Readable Profile Direct endpoints for agents, designers, and tooling. No login or auth required. ### JSON Profile ```json { "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%20333.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%20114.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 } } } ``` ## Related Brand Profiles Sentry, Miro, Retool, Mixpanel, 1Password, Vanta