llms.txt

Runway AI Brand Identity

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

Quick Facts

Field Value
Primary #6B7280
Accent #2B22FA
Body Font abcNormal
Heading Font abcNormal

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: creative professionals and enterprises interested in AI solutions

Runway AI Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Instructions to access the fonts:

  1. Open the company's homepage in a browser with DevTools open.
  2. In the Network tab, filter by "Font".
  3. Hard-reload the page and capture font URLs.
  4. Download the captured font files locally.
  5. Extract CSS font-face declarations and adjust paths to local files.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "abcNormal",
   "role": "unknown"
  }
 ],
 "colors": {
  "primary": "#6B7280",
  "secondary": "#9CA3AF",
  "accent": "#2B22FA",
  "background": "#FFFFFF",
  "textPrimary": "#262626",
  "link": "#2B22FA"
 },
 "typography": {
  "fontFamilies": {
   "primary": "abcNormal",
   "heading": "abcNormal"
  },
  "fontStacks": {
   "heading": [
    "abcNormal"
   ],
   "body": [
    "abcNormal"
   ],
   "paragraph": [
    "abcNormal"
   ]
  },
  "fontSizes": {
   "h1": "48px",
   "h2": "36px",
   "body": "14px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "6px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#F7F7F7",
   "textColor": "#0C0C0C",
   "borderRadius": "6px",
   "borderRadiusCorners": {
    "topLeft": "6px",
    "topRight": "6px",
    "bottomRight": "6px",
    "bottomLeft": "6px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#303030",
   "textColor": "#FFFFFF",
   "borderRadius": "6px",
   "borderRadiusCorners": {
    "topLeft": "6px",
    "topRight": "6px",
    "bottomRight": "6px",
    "bottomLeft": "6px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2287%22%20class%3D%22transition-all%20duration-200%22%20viewBox%3D%220%200%2084%2019%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%22M6.616%204.55643C5.07392%204.55643%204.24817%205.47958%204.24817%207.11515V14.1792H0V0.332031H2.38773L3.88006%201.92747C4.58643%200.893949%205.65096%200.332031%207.08359%200.332031H8.367V4.55643H6.616Z%22%20class%3D%22fill-current%22%20style%3D%22fill%3A%20rgb(12%2C%2012%2C%2012)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M9.39062%200.332031H13.6388V8.10853C13.6388%209.55346%2014.574%2010.5468%2015.9469%2010.5468C17.3199%2010.5468%2018.2352%209.55346%2018.2352%208.10853V0.332031H22.4833V14.1792H20.0956L18.6431%2012.6239C17.6581%2013.808%2016.2553%2014.5003%2014.6237%2014.5003C11.5296%2014.5003%209.39062%2012.2226%209.39062%208.90124V0.332031Z%22%20class%3D%22fill-current%22%20style%3D%22fill%3A%20rgb(12%2C%2012%2C%2012)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M36.939%2014.1683H32.6909V6.44196C32.6909%204.9569%2031.7457%203.94344%2030.323%203.94344C28.9003%203.94344%2027.9552%204.9569%2027.9552%206.44196V14.1683H23.707V0.321096H26.0948L27.5672%201.89646C28.5521%200.692359%2029.9748%200%2031.6462%200C34.7801%200%2036.939%202.30787%2036.939%205.66932V14.1583V14.1683Z%22%20class%3D%22fill-current%22%20style%3D%22fill%3A%20rgb(12%2C%2012%2C%2012)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M36.4727%200.332031H40.9099L42.9991%208.18881L45.5162%200.332031H48.6103L51.1273%208.21891L53.2166%200.332031H57.2956L52.9778%2014.1792H49.2669L46.8294%206.5733L44.3721%2014.1792H40.89L36.4926%200.332031H36.4727Z%22%20class%3D%22fill-current%22%20style%3D%22fill%3A%20rgb(12%2C%2012%2C%2012)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M63.0759%200.0117188C66.6873%200.0117188%2068.8661%202.01856%2068.8661%205.36998V14.18H66.4585L65.2149%2012.8254C64.2797%2013.9191%2062.9466%2014.5011%2061.3249%2014.5011C58.4397%2014.5011%2056.4102%2012.6949%2056.4102%2010.1463C56.4102%207.59757%2058.38%205.84159%2061.8124%205.84159H64.7374V5.39005C64.7374%204.20601%2064.0807%203.56382%2062.857%203.56382C61.6333%203.56382%2061.0463%204.12574%2060.9767%205.06895H56.8181C57.0568%202.00852%2059.5142%200.0117188%2063.0759%200.0117188ZM64.7374%209.14284V8.54078H62.2601C61.1956%208.54078%2060.5787%209.03246%2060.5787%209.87534C60.5787%2010.7182%2061.305%2011.3203%2062.5188%2011.3203C63.7325%2011.3203%2064.7374%2010.5677%2064.7374%209.14284Z%22%20class%3D%22fill-current%22%20style%3D%22fill%3A%20rgb(12%2C%2012%2C%2012)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M75.8421%2018.7732H71.3552L73.7628%2012.9634L68.1914%200.320312H73.1459L76.0311%207.85599L78.7471%200.320312H83.2341L75.8421%2018.7732Z%22%20class%3D%22fill-current%22%20style%3D%22fill%3A%20rgb(12%2C%2012%2C%2012)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
 "favicon": "https://runwayml.com/icon.png?icon.0jyqwm2y10pec.png",
 "ogImage": "https://runwayml.com/opengraph-image.png?opengraph-image.0bt75ga2._tb4.png",
 "logoHref": "/"
 },
 "__llm_logo_reasoning": {
 "selectedIndex": 0,
 "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of a primary brand logo.",
 "confidence": 0.9,
 "source": "llm"
 },
 "__llm_button_reasoning": {
 "primary": {
 "index": 1,
 "text": "Try Runway",
 "reasoning": "The 'Try Runway' button is likely the primary CTA due to its action-oriented text, encouraging users to engage with the product. It shares a color group with another button but stands out due to its direct call to action."
 },
 "secondary": {
 "index": 2,
 "text": "Enterprise Sales",
 "reasoning": "The 'Enterprise Sales' button serves as a secondary action, targeting a different audience segment (enterprise clients) and has a distinct dark background color."
 },
 "confidence": 0.9
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "creative professionals and enterprises interested in AI solutions"
 },
 "designSystem": {
 "framework": "tailwind",
 "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, and links to the homepage, which are strong indicators of a primary brand logo.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}