# Tabs Brand Identity

A complete profile of **Tabs**'s visual system — colors, typography, components, and personality — extracted from https://tabs.inc/. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/tabs
- Machine-readable JSON: https://characterquilt.com/branding/tabs.json
- Per-page llms.txt: https://characterquilt.com/branding/tabs/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #6AF3FF |
| Accent | #05131A |
| Body Font | Geist |
| Heading Font | Geist |

## Color Palette

- primary: #6AF3FF
- secondary: #001E2D
- accent: #05131A
- background: #FFFFFF
- textPrimary: #05131A
- link: #05131A

## Typography

- primary: Geist — https://fonts.google.com/specimen/Geist
- heading: Geist — https://fonts.google.com/specimen/Geist

## Visual Assets

- 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
- 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

## UI Components

- input: background=transparent, textColor=#05131A, borderColor=null, borderRadius=0px, shadow=none
- buttonPrimary: background=#05131A, textColor=#FFFFFF, borderColor=#05131A, borderRadius=33554400px, shadow=none
- 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, marketing materials.

- **Revenue Recognition Software for Accurate Compliance | Tabs**
  - Image: https://cdn.sanity.io/images/ryk1x57s/production/8be9e16878a978a8257e9fe3b2a271aa497a44a7-6400x4000.png?auto=format&h=2400&w=3840&fit=min
  - Source: https://tabs.inc/platform/revenue-recognition
- **The Ultimate Guide to Pricing Tiers for SaaS Companies | Tabs**
  - Image: https://cdn.sanity.io/images/ryk1x57s/production/4244c44056cac3018b1a4556ca242a73317e10df-2048x1024.webp?auto=format
  - Source: https://tabs.inc/blog/pricing-tiers?__hstc=65056305.73bd3bee6fa385653ecd7c9674ba06f0.1761696000157.1761696000158.1761696000159.1&__hssc=65056305.1.1761696000160&__hsfp=1412292518
- **Revenue Automation for B2B: Streamline with Tabs | Tabs**
  - Image: https://www.tabs.com/_next/image?url=%2Fimages%2Ffull-shine.png&w=3840&q=75
  - Source: https://tabs.inc/home
- **Watch Webinars About Finance, AI, Automation & More | Tabs**
  - Image: https://www.tabs.com/images/not-found-bg.jpg
  - Source: https://tabs.inc/webinar/q2-2025-product-demo
- **What to Look for in a Subscription Management Tool | Tabs**
  - Image: https://cdn.sanity.io/images/ryk1x57s/production/2e87b9d4cdd3268d518bb04864714af24b8e7020-2048x1024.webp?auto=format
  - Source: https://tabs.inc/blog/subscription-management-tool
- **Finance & Accounting Automation for Cashflow Clarity | Tabs**
  - Image: https://cdn.sanity.io/images/ryk1x57s/production/0a3f05678d8dd0e6bf6e1a3f4e9e591bd672c9f7-1884x1800.jpg?auto=format&h=3669&w=3840&fit=min
  - Source: https://tabs.inc/solutions/finance-teams

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "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
    }
  }
}
```