llms.txt

Tank Payments Brand Identity

A complete profile of Tank Payments's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #FCA311
Accent #FCA311
Body Font Inter
Heading Font Apfelgrotezk Mittel

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: freight businesses

Tank Payments Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

Working with these fonts

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

  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

{
"colorScheme": "light",
"fonts": [
{
"family": "Inter",
"role": "body"
},
{
"family": "Apfelgrotezk Mittel",
"role": "heading"
}
],
"colors": {
"primary": "#FCA311",
"secondary": "#0000EE",
"accent": "#FCA311",
"background": "#FFFFFF",
"textPrimary": "#121621",
"link": "#121621"
},
"typography": {
"fontFamilies": {
"primary": "Inter",
"heading": "Apfelgrotezk Mittel"
},
"fontStacks": {
"heading": [
"Apfelgrotezk Mittel",
"Arial",
"sans-serif"
],
"body": [
"Inter",
"sans-serif"
],
"paragraph": [
"Inter",
"sans-serif"
]
},
"fontSizes": {
"h1": "64px",
"h2": "40px",
"body": "20px"
}
},
"spacing": {
"baseUnit": 4,
"borderRadius": "16px"
},
"components": {
"input": {
"background": "#FFFFFF",
"textColor": "#121621",
"borderColor": "#D4D4D4",
"borderRadius": "8px",
"borderRadiusCorners": {
"topLeft": "8px",
"topRight": "8px",
"bottomRight": "8px",
"bottomLeft": "8px"
},
"shadow": "none"
},
"buttonPrimary": {
"background": "#FCA311",
"textColor": "#121621",
"borderRadius": "8px",
"borderRadiusCorners": {
"topLeft": "8px",
"topRight": "8px",
"bottomRight": "8px",
"bottomLeft": "8px"
},
"shadow": "none"
},
"buttonSecondary": {
"background": "#FFFFFF",
"textColor": "#545454",
"borderRadius": "20px",
"borderRadiusCorners": {
"topLeft": "20px",
"topRight": "20px",
"bottomRight": "20px",
"bottomLeft": "20px"
},
"shadow": "none"
}
},
"images": {
"logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20109%2025%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%20data-fc-idx%3D%220%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_780_9529)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip1_780_9529)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip2_780_9529)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3Cpath%20d%3D%22M17.3509%2025V8.43916C17.3509%207.26103%2018.306%206.30597%2019.4841%206.30597H26.0959V0H6.32832L0%206.30597H8.25139C9.42952%206.30597%2010.3846%207.26103%2010.3846%208.43916V25H17.3509Z%22%20fill%3D%22%23121621%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2033)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M29.3616%2025L30.7416%2021.6862C31.0727%2020.8911%2031.8495%2020.3731%2032.7108%2020.3731H41.6389C42.5055%2020.3731%2043.286%2020.8974%2043.6137%2021.6997L44.9617%2025H52.9656L42.2196%200H32.2519L21.543%2025H29.3616ZM35.3645%2010.5597L36.9578%206.34328H37.4395L39.07%2010.5597L40.5151%2014.0672H33.9193L35.3645%2010.5597Z%22%20fill%3D%22%23121621%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2033)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M61.6245%2025V15.2239V13.7058C61.6245%2012.675%2062.9416%2012.2438%2063.5512%2013.075L72.2963%2025H79.7073V0H72.741V9.66418V11.7526C72.741%2012.7931%2071.4034%2013.2178%2070.8031%2012.3678L62.0692%200H54.6582V25H61.6245Z%22%20fill%3D%22%23121621%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2033)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M89.4741%2025V16.1194H93.3939C94.1154%2016.1194%2094.788%2016.4842%2095.1817%2017.0889L100.331%2025H108.668L101.057%2013.4871C100.574%2012.7563%20100.587%2011.8046%20101.089%2011.087L108.854%200H100.516L95.1074%208.32052C94.7139%208.92585%2094.0409%209.29104%2093.3189%209.29104H89.4741V0H82.5078V25H89.4741Z%22%20fill%3D%22%23121621%22%20style%3D%22fill%3A%20rgb(18%2C%2022%2C%2033)%20!important%3B%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3CclipPath%20id%3D%22clip0_780_9529%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3Crect%20width%3D%22109%22%20height%3D%2225%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2FclipPath%3E%0A%3CclipPath%20id%3D%22clip1_780_9529%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3Crect%20width%3D%22109%22%20height%3D%2225%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2FclipPath%3E%0A%3CclipPath%20id%3D%22clip2_780_9529%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%0A%3Crect%20width%3D%22109%22%20height%3D%2225%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E",
"favicon": "https://cdn.prod.website-files.com/690e6b9dafecb3fcfc773907/6914b7b206e0ed2bc3932977_fav.png",
"ogImage": null,
"logoHref": "/"
},
"__llm_logo_reasoning": {
"selectedIndex": 12,
"reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Tank'.",
"confidence": 0.9,
"source": "llm"
},
"__llm_button_reasoning": {
"primary": {
"index": 0,
"text": "Book a Demo",
"reasoning": "Button #0 'Book a Demo' uses the vibrant brand color #FCA311, making it the most prominent CTA on the page."
},
"secondary": {
"index": 2,
"text": "Driver PayOur money moves 24/7, just like you. Get paid by factors and brokers outside of business h",
"reasoning": "Button #2 has a different background color (#FFFFFF) and serves as a secondary action with informative text."
},
"confidence": 0.95
},
"personality": {
"tone": "professional",
"energy": "medium",
"targetAudience": "freight businesses"
},
"designSystem": {
"framework": "custom",
"componentLibrary": ""
},
"confidence": {
"buttons": 0.95,
"colors": 0.9,
"overall": 0.925
},
"__llm_metadata": {
"logoSelection": {
"llmCalled": true,
"llmSucceeded": true,
"finalSource": "llm",
"rawLogoSelection": {
"selectedLogoIndex": 0,
"selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Tank'.",
"confidence": 0.9
}
},
"buttonClassification": {
"llmCalled": true,
"llmSucceeded": true
}
}
}