tilt.json

Tilt Brand Identity

A complete profile of Tilt's visual system — colors, typography, components, and personality — extracted from http://tilt.com. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #E4E24E
Accent #E4E24E
Body Font GTAmericaExtendedRegular
Heading Font GTAmericaExpandedMedium

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: young professionals seeking financial products

Tilt 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": "GTAmericaExtendedRegular",
      "role": "body"
    },
    {
      "family": "GTAmericaExpandedMedium",
      "role": "heading"
    },
    {
      "family": "Gravity",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#E4E24E",
    "secondary": "#0066FF",
    "accent": "#E4E24E",
    "background": "#171616",
    "textPrimary": "#171616",
    "link": "#C8C8B6"
  },
  "typography": {
    "fontFamilies": {
      "primary": "GTAmericaExtendedRegular",
      "heading": "GTAmericaExpandedMedium"
    },
    "fontStacks": {
      "heading": [
        "Gravity",
        "sans-serif"
      ],
      "body": [
        "GTAmericaExtendedRegular",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "GTAmericaExpandedMedium",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "96px",
      "h2": "16px",
      "body": "12px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#E4E24E",
      "textColor": "#100F0F",
      "borderRadius": "33554400px",
      "borderRadiusCorners": {
        "topLeft": "33554400px",
        "topRight": "33554400px",
        "bottomRight": "33554400px",
        "bottomLeft": "33554400px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#171616",
      "textColor": "#F7F5EF",
      "borderColor": "#64635C",
      "borderRadius": "33554400px",
      "borderRadiusCorners": {
        "topLeft": "33554400px",
        "topRight": "33554400px",
        "bottomRight": "33554400px",
        "bottomLeft": "33554400px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22dark%3Atext-shades-100%20light%3Atext-shades-800%20cursor-pointer%20duration-300%20ease-in-out%20hover%3A-skew-x-6%20w-17%20lg%3Aw-23%22%20viewBox%3D%220%200%2058%2034%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M57.9652%2014.8084L57.5595%2016.227C57.4378%2016.5918%2057.1944%2016.7539%2056.8294%2016.7539H51.9618L48.9195%2026.8869C48.8384%2027.1301%2048.9246%2027.2421%2049.0818%2027.3327L49.238%2027.4228C49.4158%2027.5253%2049.5685%2027.4543%2049.6902%2027.3327L55.004%2022.3878C55.288%2022.1446%2055.5719%2022.0636%2055.8964%2022.3068L56.0587%2022.4284C56.4238%2022.6716%2056.5049%2022.9553%2056.2209%2023.3201L47.662%2033.3314C47.0536%2034.061%2046.0197%2034.2023%2045.2085%2033.716L41.6587%2031.6696C40.8474%2031.1832%2040.5229%2030.3321%2040.7663%2029.4404L42.8756%2022.3473C42.9567%2022.1041%2042.9075%2022.0368%2042.7499%2021.946L42.6728%2021.9015C42.5151%2021.8106%2042.3888%2021.8609%2042.2671%2022.0231L34.8034%2033.0072C34.195%2033.8989%2033.1027%2034.1796%2032.1292%2033.6122L28.7595%2031.6696C27.9482%2031.1832%2027.5831%2030.3321%2027.8671%2029.4404L29.9764%2022.3473C30.0575%2022.1041%2030.007%2022.0361%2029.8507%2021.946L29.7736%2021.9015C29.619%2021.8123%2029.4896%2021.8609%2029.3679%2022.0231L21.9043%2033.0072C21.2958%2033.8989%2020.2036%2034.1796%2019.23%2033.6122L15.8603%2031.6696C15.049%2031.1832%2014.684%2030.3321%2014.9679%2029.4404L17.0772%2022.3473C17.1583%2022.1041%2017.1068%2022.0355%2016.9516%2021.946L16.8744%2021.9015C16.72%2021.8125%2016.5905%2021.861%2016.4688%2022.0231L9.00509%2033.0072C8.39663%2033.8989%207.30438%2034.1796%206.33086%2033.6122L2.96113%2031.6696C2.14986%2031.1833%201.78478%2030.3321%202.06873%2029.4404L8.90094%206.78318H0.64902C0.283949%206.78318%200%206.49946%200%206.13467V2.60841C0%202.2031%200.324511%201.91938%200.730143%201.95991L10.0963%202.81932L10.7929%200.509009C10.9146%200.0631645%2011.4398%20-0.139069%2011.8455%200.104128L17.3263%203.26366L32.9375%204.10808C33.4243%204.14861%2033.7488%204.5134%2033.5865%204.99979L33.1809%206.33733C33.0998%206.58052%2032.8564%206.78318%2032.613%206.78318H16.2659L10.6682%2025.3467C10.5871%2025.5899%2010.6357%2025.6631%2010.7899%2025.752L10.8671%2025.7965C11.0249%2025.8875%2011.155%2025.8331%2011.2766%2025.671L19.2271%2015.0111C19.4299%2014.7679%2019.7544%2014.6869%2020.0384%2014.849L25.3116%2017.8889C25.555%2018.051%2025.6767%2018.3347%2025.5956%2018.6184L23.5674%2025.3467C23.4863%2025.5899%2023.5318%2025.6613%2023.6891%2025.752L23.7662%2025.7965C23.9244%2025.8877%2024.0541%2025.8331%2024.1758%2025.671L31.3556%2016.0649C31.964%2015.2543%2032.3291%2014.5653%2032.613%2013.552L35.8987%202.56788C36.0609%202.0815%2036.5071%201.91938%2036.9128%202.16257L42.0317%205.11347C42.2751%205.2756%2042.4294%205.56722%2042.3483%205.85095L36.4666%2025.3467C36.3854%2025.5899%2036.4321%2025.662%2036.5882%2025.752L36.6654%2025.7965C36.8222%2025.8869%2036.9533%2025.8331%2037.075%2025.671L44.2142%2016.1055C44.8226%2015.2948%2045.1877%2014.6058%2045.4716%2013.5925L47.6215%206.4184C47.7838%205.93203%2048.23%205.7699%2048.6356%206.01309L53.7802%208.97882C54.0236%209.14095%2054.1522%209.41775%2054.0711%209.70147L52.8542%2013.8357L57.4379%2014.0789C57.8841%2014.1194%2058.0869%2014.4031%2057.9652%2014.8084ZM22.2946%208.17599C21.8871%207.93581%2021.3616%208.1829%2021.2432%208.62964L20.2844%2011.8092C20.2054%2012.0935%2020.3289%2012.3358%2020.5735%2012.4961L25.6463%2015.4202C26.0537%2015.6604%2026.5793%2015.4133%2026.6976%2014.9666L27.6573%2011.7885C27.7363%2011.5041%2027.6128%2011.2619%2027.3682%2011.1015L22.2946%208.17599Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20253%2C%20246)%20!important%3B%22%2F%3E%3C%2Fsvg%3E"
- Favicon: https://tilt.com/favicon.svg
- Social card (og:image): https://tilt.com/_astro/tilt-og.Dh4KLr0O.png

## UI Components

## Brand Personality

Tone: modern · Energy: medium · Audience: young professionals seeking financial products

## Tilt 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:

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