llms.txt

Tandem Brand Identity

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

Quick Facts

Field Value
Primary #4341DC
Accent #4341DC
Body Font Inter
Heading Font Inter

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: remote teams and businesses

Tandem 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": "Inter",
 "role": "body"
 },
 {
 "family": "Roboto",
 "role": "body"
 },
 {
 "family": "Helvetica",
 "role": "body"
 },
 {
 "family": "Arial",
 "role": "body"
 }
 ],
 "colors": {
 "primary": "#4341DC",
 "secondary": "#00B6B6",
 "accent": "#4341DC",
 "background": "#FFFFFF",
 "textPrimary": "#151C48",
 "link": "#151C48"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Inter",
 "heading": "Inter"
 },
 "fontStacks": {
 "heading": [
 "Inter",
 "-apple-system",
 "BlinkMacSystemFont",
 "Segoe UI",
 "Roboto",
 "Helvetica",
 "Arial",
 "sans-serif",
 "Apple Color Emoji",
 "Segoe UI Emoji",
 "Segoe UI Symbol"
 ],
 "body": [
 "Inter",
 "-apple-system",
 "BlinkMacSystemFont",
 "Segoe UI",
 "Roboto",
 "Helvetica",
 "Arial",
 "sans-serif",
 "Apple Color Emoji",
 "Segoe UI Emoji",
 "Segoe UI Symbol"
 ],
 "paragraph": [
 "Inter",
 "-apple-system",
 "BlinkMacSystemFont",
 "Segoe UI",
 "Roboto",
 "Helvetica",
 "Arial",
 "sans-serif",
 "Apple Color Emoji",
 "Segoe UI Emoji",
 "Segoe UI Symbol"
 ]
 },
 "fontSizes": {
 "h1": "56px",
 "h2": "34px",
 "body": "16px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "6px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#4341DC",
 "textColor": "#FFFFFF",
 "borderRadius": "6px",
 "borderRadiusCorners": {
 "topLeft": "6px",
 "topRight": "6px",
 "bottomRight": "6px",
 "bottomLeft": "6px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#E7E8EC",
 "textColor": "#151C48",
 "borderRadius": "6px",
 "borderRadiusCorners": {
 "topLeft": "6px",
 "topRight": "6px",
 "bottomRight": "6px",
 "bottomLeft": "6px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22152.47058824799998%22%20height%3D%2236%22%20viewBox%3D%220%200%20216%2051%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22primitives__Svg-sc-c4q9ug-0%20ggmOYq%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M86.8631%2031.1302C86.8631%2031.9894%2086.6151%2032.7231%2086.1262%2033.3101C85.6361%2033.898%2084.9789%2034.1836%2084.1169%2034.1836C83.1387%2034.1836%2082.3851%2033.8764%2081.8768%2033.2712C81.3627%2032.6595%2081.1019%2031.6934%2081.1019%2030.4002V23.5443H89.3218V19.8176H81.1019V12.5977L76.8761%2015.3572V19.8176H73.035V23.5443H76.8761V30.5921C76.8761%2032.9729%2077.5219%2034.8525%2078.796%2036.1779C80.0703%2037.5053%2081.8607%2038.1785%2084.1169%2038.1785C85.5438%2038.1785%2086.7886%2037.8619%2087.8169%2037.2372C88.8444%2036.6129%2089.6491%2035.755%2090.2089%2034.6879C90.7675%2033.623%2091.0504%2032.426%2091.0504%2031.1302H86.8631Z%22%20fill%3D%22%23364372%22%20style%3D%22fill%3A%20rgb(54%2C%2067%2C%20114)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M105.963%2032.5248C105.184%2033.1786%20104.368%2033.682%20103.54%2034.0206C102.715%2034.3582%20101.905%2034.5291%20101.133%2034.5291C100.22%2034.5291%2099.5045%2034.3319%2099.0067%2033.9433C98.5119%2033.5573%2098.2712%2033.0639%2098.2712%2032.436C98.2712%2031.7323%2098.5419%2031.1964%2099.0987%2030.7978C99.661%2030.3938%20100.526%2030.1893%20101.671%2030.1893H107.029V31.4815C106.696%2031.8601%20106.34%2032.2082%20105.963%2032.5248ZM107.514%2020.4282C106.308%2019.7939%20104.808%2019.472%20103.053%2019.472C101.504%2019.472%20100.115%2019.7476%2098.9261%2020.291C97.7322%2020.8357%2096.7579%2021.6125%2096.0309%2022.5997C95.303%2023.5879%2094.8551%2024.7597%2094.6997%2026.0823L98.9221%2026.1224C99.093%2025.1915%2099.5453%2024.4777%20100.266%2024.0019C100.995%2023.5195%20101.933%2023.275%20103.053%2023.275C104.318%2023.275%20105.309%2023.5926%20105.997%2024.2196C106.681%2024.8432%20107.029%2025.6952%20107.029%2026.7513V26.9622H101.478C99.103%2026.9622%2097.2273%2027.4755%2095.9039%2028.4879C94.568%2029.5093%2093.904%2030.9155%2093.9303%2032.6694C93.9561%2033.8181%2094.2683%2034.8189%2094.8581%2035.6446C95.4466%2036.4683%2096.2538%2037.104%2097.2576%2037.5337C98.2547%2037.9618%2099.3647%2038.1785%20100.557%2038.1785C101.748%2038.1785%20102.891%2037.9355%20103.954%2037.4559C105.012%2036.9789%20105.929%2036.3694%20106.68%2035.6441C106.802%2035.5263%20106.919%2035.4075%20107.029%2035.288V37.8329H111.254V26.9049C111.254%2025.4539%20110.932%2024.158%20110.295%2023.0541C109.657%2021.9487%20108.722%2021.0651%20107.514%2020.4282Z%22%20fill%3D%22%23364372%22%20style%3D%22fill%3A%20rgb(54%2C%2067%2C%20114)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M127.021%2019.4721C125.467%2019.4721%20124.028%2019.8729%20122.745%2020.6638C121.77%2021.2644%20120.945%2022.1237%20120.28%2023.2266V19.8176H116.054V37.833H120.28V30.8998C120.28%2029.261%20120.516%2027.87%20120.98%2026.765C121.442%2025.6684%20122.09%2024.8359%20122.909%2024.2895C123.729%2023.7436%20124.685%2023.4669%20125.754%2023.4669C127.141%2023.4669%20128.206%2023.8656%20128.918%2024.6524C129.635%2025.4423%20129.998%2026.5752%20129.998%2028.0189V37.833H134.223V26.9817C134.223%2024.5477%20133.55%2022.6671%20132.223%2021.3916C130.897%2020.1179%20129.147%2019.4721%20127.021%2019.4721Z%22%20fill%3D%22%23364372%22%20style%3D%22fill%3A%20rgb(54%2C%2067%2C%20114)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M151.018%2033.4915C150.184%2033.9764%20149.192%2034.2221%20148.07%2034.2221C147.021%2034.2221%20146.053%2034.0007%20145.193%2033.5646C144.337%2033.1302%20143.664%2032.4949%20143.194%2031.6771C142.721%2030.8577%20142.481%2029.8985%20142.481%2028.8256C142.481%2027.728%20142.721%2026.7618%20143.193%2025.9546C143.664%2025.1493%20144.337%2024.521%20145.193%2024.0865C146.053%2023.65%20147.022%2023.4285%20148.07%2023.4285C149.193%2023.4285%20150.184%2023.6747%20151.018%2024.1596C151.85%2024.644%20152.505%2025.293%20152.966%2026.0887C153.426%2026.8844%20153.659%2027.7795%20153.659%2028.7488V28.9024C153.659%2029.8469%20153.426%2030.7357%20152.966%2031.5436C152.506%2032.3513%20151.85%2033.0066%20151.018%2033.4915ZM153.659%2014.164V22.4125C152.985%2021.5563%20152.168%2020.8778%20151.224%2020.3892C150.044%2019.7808%20148.673%2019.4721%20147.148%2019.4721C145.418%2019.4721%20143.852%2019.8592%20142.493%2020.6222C141.132%2021.387%20140.048%2022.4834%20139.271%2023.8819C138.496%2025.2788%20138.102%2026.9422%20138.102%2028.8256C138.102%2030.6831%20138.496%2032.3334%20139.271%2033.7303C140.048%2035.1292%20141.132%2036.2321%20142.491%2037.0084C143.85%2037.7845%20145.417%2038.1786%20147.148%2038.1786C148.673%2038.1786%20150.052%2037.8566%20151.245%2037.2218C152.176%2036.726%20152.985%2036.0486%20153.659%2035.2018V37.8329H157.885V11.4066L153.72%2014.1245L153.659%2014.164Z%22%20fill%3D%22%23364372%22%20style%3D%22fill%3A%20rgb(54%2C%2067%2C%20114)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M215.12%2022.8663C214.534%2021.7593%20213.715%2020.9073%20212.686%2020.334C211.657%2019.7624%20210.466%2019.4721%20209.144%2019.4721C207.434%2019.4721%20205.878%2019.9317%20204.517%2020.839C203.563%2021.4753%20202.791%2022.4041%20202.209%2023.6111C201.796%2022.5334%20201.175%2021.653%20200.355%2020.9815C199.132%2019.9801%20197.643%2019.4721%20195.93%2019.4721C194.843%2019.4721%20193.806%2019.6624%20192.847%2020.0385C191.883%2020.4161%20191.025%2021.0362%20190.297%2021.8813C190.034%2022.1858%20189.793%2022.5266%20189.573%2022.9032V19.8176H185.348V37.833H189.573V30.8998C189.573%2029.2584%20189.777%2027.8653%20190.18%2026.7587C190.577%2025.6637%20191.156%2024.8317%20191.899%2024.2863C192.641%2023.7425%20193.558%2023.4669%20194.624%2023.4669C195.857%2023.4669%20196.831%2023.865%20197.519%2024.6508C198.21%2025.4412%20198.561%2026.5741%20198.561%2028.0188V37.833H202.787V30.8998C202.787%2029.2584%20202.991%2027.8653%20203.393%2026.7587C203.791%2025.6632%20204.37%2024.8312%20205.113%2024.2863C205.855%2023.7425%20206.772%2023.4669%20207.838%2023.4669C209.071%2023.4669%20210.045%2023.865%20210.732%2024.6508C211.423%2025.4412%20211.774%2026.5741%20211.774%2028.0188V37.833H216V26.9817C216%2025.3545%20215.704%2023.9702%20215.12%2022.8663Z%22%20fill%3D%22%23364372%22%20style%3D%22fill%3A%20rgb(54%2C%2067%2C%20114)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M167.049%2025.9309C167.496%2025.0862%20168.132%2024.412%20168.939%2023.9282C169.746%2023.4438%20170.698%2023.1982%20171.77%2023.1982C172.841%2023.1982%20173.768%2023.4243%20174.525%2023.8708C175.281%2024.3174%20175.871%2024.9269%20176.28%2025.6821C176.5%2026.0886%20176.661%2026.5294%20176.764%2027.0006H166.619C166.727%2026.6251%20166.871%2026.268%20167.049%2025.9309ZM176.847%2031.9922C176.653%2032.3487%20176.389%2032.7046%20176.052%2033.0529C175.658%2033.4599%20175.123%2033.805%20174.465%2034.0789C173.807%2034.3519%20172.964%2034.4907%20171.962%2034.4907C170.814%2034.4907%20169.809%2034.2451%20168.976%2033.7602C168.144%2033.2759%20167.496%2032.5964%20167.049%2031.7402C166.804%2031.2706%20166.625%2030.7646%20166.513%2030.2277H181.239V28.9791C181.239%2027.2241%20180.839%2025.6064%20180.05%2024.1706C179.261%2022.7349%20178.146%2021.5804%20176.736%2020.7395C175.325%2019.8986%20173.654%2019.4721%20171.77%2019.4721C169.988%2019.4721%20168.345%2019.8781%20166.884%2020.6796C165.423%2021.4815%20164.237%2022.5955%20163.359%2023.9908C162.479%2025.3887%20162.032%2027.0154%20162.032%2028.8255C162.032%2030.6862%20162.479%2032.3388%20163.359%2033.7365C164.238%2035.134%20165.444%2036.2352%20166.945%2037.0109C168.442%2037.7857%20170.142%2038.1785%20172%2038.1785C173.753%2038.1785%20175.283%2037.8971%20176.549%2037.3412C177.817%2036.7852%20178.86%2036.0234%20179.652%2035.0766C180.419%2034.1584%20180.938%2033.1197%20181.206%2031.9922H176.847Z%22%20fill%3D%22%23364372%22%20style%3D%22fill%3A%20rgb(54%2C%2067%2C%20114)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%2050.4989V0H216v50.4989H0Z%22%20fill%3D%22%234341DC%22%20style%3D%22fill:%20rgb(67,65,220)!important;%22%2F%3E%3C%2Fsvg%3E",
 "favicon": "https://tandem.chat/images/icon128.png",
 "ogImage": "https://tandem.chat/meta/social-facebook.png",
 "logoHref": "/"
 },
 "__llm_logo_reasoning": {
 "selectedIndex": 0,
 "reasoning": "Selected #0 because it is visible, medium-sized, and links to the homepage, aligning with the brand 'Tandem'.",
 "confidence": 0.9,
 "source": "llm"
 },
 "__llm_button_reasoning": {
 "primary": {
 "index": 0,
 "text": "Try Tandem for freearrow_forward",
 "reasoning": "Button #0 uses a vibrant brand color (#4341DC) and has action-oriented text 'Try Tandem for free', making it the primary CTA."
 },
 "secondary": {
 "index": 2,
 "text": "See Tandem in action",
 "reasoning": "Button #2 has a different background color (#E7E8EC) and offers a secondary action 'See Tandem in action', suitable for users seeking more information."
 },
 "confidence": 0.95
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "remote teams and 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, medium-sized, and links to the homepage, aligning with the brand 'Tandem'.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}