llms.txt

Tines Brand Identity

A complete profile of Tines's visual system — colors, typography, components, and personality — extracted from https://www.tines.com/. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #FFE0CC
Accent #4D3E78
Body Font Roboto
Heading Font Roobert

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: business professionals

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

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

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "Roboto",
   "role": "body"
  },
  {
   "family": "Roobert",
   "role": "heading"
  },
  {
   "family": "Ubuntu",
   "role": "unknown"
  },
  {
   "family": "Arial",
   "role": "unknown"
  },
  {
   "family": "Reckless",
   "role": "display"
  }
 ],
 "colors": {
  "primary": "#FFE0CC",
  "secondary": "#D6EDD9",
  "accent": "#4D3E78",
  "background": "#FFFFFF",
  "textPrimary": "#8D75E6",
  "link": "#8D75E6"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Roboto",
   "heading": "Roobert"
  },
  "fontStacks": {
   "heading": [
    "Reckless",
    "Georgia",
    "serif"
   ],
   "body": [
    "Roobert",
    "-apple-system",
    "BlinkMacSystemFont",
    "Arial",
    "Roboto",
    "Ubuntu",
    "Helvetica Neue",
    "sans-serif"
   ],
   "paragraph": [
    "Roobert",
    "-apple-system",
    "BlinkMacSystemFont",
    "Arial",
    "Roboto",
    "Ubuntu",
    "Helvetica Neue",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "72px",
   "h2": "46px",
   "body": "13px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "8px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#4D3E78",
   "textColor": "#FFFFFF",
   "borderColor": "#C2AAFA",
   "borderRadius": "14px",
   "borderRadiusCorners": {
    "topLeft": "14px",
    "topRight": "14px",
    "bottomRight": "14px",
    "bottomLeft": "14px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#FFE0CC",
   "textColor": "#B74D1A",
   "borderColor": "#FD975D",
   "borderRadius": "14px",
   "borderRadiusCorners": {
    "topLeft": "14px",
    "topRight": "14px",
    "bottomRight": "14px",
    "bottomLeft": "14px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22TinesLogo%22%20width%3D%2291%22%20height%3D%2228%22%20viewBox%3D%220%200%20103%2032%22%20fill%3D%22currentColor%22%20data-fc-idx%3D%220%22%3E%3Ctitle%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3ETines%3C%2Ftitle%3E%3Cpath%20d%3D%22M42.9689%2010.5676H40V13.6565H42.9689V20.4041C42.9689%2023.7629%2045.1282%2025.6822%2048.427%2025.6822H50.8561V22.3534H48.8468C47.4673%2022.3534%2046.6576%2021.5737%2046.6576%2020.0442V13.6565H50.8561V10.5676H46.6576V6.00928H42.9689V10.5676Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M52.5751%208.19849H56.6536V4H52.5751V8.19849ZM56.4437%2025.6822V10.5676H52.755V25.6822H56.4437Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M62.3935%2025.6822V17.4352C62.3935%2015.216%2063.833%2013.5966%2065.9023%2013.5966C67.7916%2013.5966%2069.0511%2015.036%2069.0511%2017.1053V25.6822H72.7398V16.3256C72.7398%2012.7868%2070.5206%2010.3277%2067.1018%2010.3277C64.9426%2010.3277%2063.2332%2011.2574%2062.3935%2012.9068V10.5676H58.7048V25.6822H62.3935Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M85.399%2020.644C85.0092%2022.0835%2083.7796%2022.8632%2081.8903%2022.8632C79.5511%2022.8632%2077.9917%2021.3038%2077.7218%2018.8747H88.8778C88.9078%2018.5748%2088.9377%2018.1249%2088.9377%2017.6151C88.9377%2014.0164%2086.6586%2010.3277%2081.5904%2010.3277C76.6422%2010.3277%2074.183%2014.0764%2074.183%2018.065C74.183%2022.0235%2076.9421%2025.9221%2081.8903%2025.9221C85.6089%2025.9221%2088.4279%2023.8529%2088.9977%2020.644H85.399ZM81.5904%2013.0867C83.7796%2013.0867%2085.0991%2014.5262%2085.2491%2016.4455H77.8117C78.2016%2014.1664%2079.5211%2013.0867%2081.5904%2013.0867Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M96.3428%2025.9221C99.8815%2025.9221%20102.191%2024.0628%20102.191%2021.2138C102.191%2014.3763%2093.7937%2017.975%2093.7937%2014.7062C93.7937%2013.6865%2094.6634%2013.0867%2095.9829%2013.0867C97.1525%2013.0867%2098.442%2013.8065%2098.6519%2015.216H102.011C101.861%2012.277%2099.4316%2010.3277%2095.8929%2010.3277C92.774%2010.3277%2090.4649%2012.1871%2090.4649%2014.8261C90.4649%2021.2138%2098.7419%2018.005%2098.7419%2021.3638C98.7419%2022.2634%2097.7822%2022.9832%2096.3428%2022.9832C94.6933%2022.9832%2093.5837%2022.0835%2093.4338%2020.644H90.075C90.2549%2023.8829%2092.6841%2025.9221%2096.3428%2025.9221Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.8018%200C8.01458%200%204.66599%202.45749%203.53258%206.06868L0.415527%2016L3.53258%2025.9313C4.66599%2029.5425%208.01458%2032%2011.8018%2032H20.1981C23.9853%2032%2027.3339%2029.5425%2028.4673%2025.9313L31.5844%2016L28.4673%206.06868C27.3339%202.45749%2023.9853%200%2020.1981%200H11.8018ZM20.1982%202.49634C22.8938%202.49634%2025.2772%204.24548%2026.0839%206.81577L26.8481%209.25062C25.3107%207.98154%2023.3639%207.26723%2021.3292%207.26707L10.648%207.26679C8.62691%207.26694%206.69264%207.97168%205.16015%209.22481L5.91625%206.81577C6.72297%204.24548%209.10635%202.49634%2011.8019%202.49634H20.1982ZM5.73674%2012.1986L3.79587%2014.7519L28.1811%2014.7519L26.2404%2012.1989C25.0741%2010.6646%2023.2571%209.76356%2021.329%209.76341H10.5898C8.68349%209.78153%206.89125%2010.6798%205.73674%2012.1986ZM28.1771%2017.2482L26.2403%2019.7989C25.0739%2021.3349%2023.2555%2022.237%2021.326%2022.2368L10.6509%2022.2366C8.72137%2022.2367%206.90298%2021.3346%205.73661%2019.7986L3.79996%2017.2482L28.1771%2017.2482ZM5.9161%2025.1842C6.72282%2027.7545%209.1062%2029.5037%2011.8018%2029.5037H20.1981C22.8936%2029.5037%2025.277%2027.7545%2026.0837%2025.1842L26.8485%2022.7476C25.3104%2024.0182%2023.3622%2024.7333%2021.3258%2024.7332L10.651%2024.7329C8.6283%2024.7331%206.69244%2024.0274%205.15921%2022.7727L5.9161%2025.1842Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
 "favicon": "https://www.tines.com/favicon-32x32.png?v=2bb9bd334e9b509b6755a6a7ac12e40e",
 "ogImage": "/static/tines-home-ab1e3b02efdd59946e655f8a80e85319.png",
 "logoHref": "/",
 "logoAlt": "Tines"
 },
 "__llm_logo_reasoning": {
 "selectedIndex": 5,
 "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Tines'.",
 "confidence": 0.95,
 "source": "llm"
 },
 "__llm_button_reasoning": {
 "primary": {
 "index": 0,
 "text": "Virtual event · May 6 2026Register on workflow.live ↗",
 "reasoning": "Button #0 has a vibrant blue background (#4D3E78) which is a strong brand color, making it stand out as the primary CTA. The text 'Register on workflow.live' suggests an action-oriented purpose, aligning with typical primary CTA characteristics."
 },
 "secondary": {
 "index": 1,
 "text": "What is an intelligent workflow?Read blog →",
 "reasoning": "Button #1 has a different background color (#FFE0CC) and serves as a secondary action with informative text 'Read blog', making it suitable as a secondary CTA."
 },
 "confidence": 0.9
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "business professionals"
 },
 "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 visible, located in the header, links to the homepage, and matches the brand name 'Tines'.",
 "confidence": 0.95
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}