RUUF Brand Identity

Color Palette

Brand palette extracted from https://www.ruuf.cl.

Typography

Each font links to its Google Fonts page where available.

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.

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using RUUF's actual button styles.

Brand Personality

RUUF Brand in the Wild

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

Image: get.ruuf.cl

Source: get.ruuf.cl

Image: framerusercontent.com

Source: ruuf.cl

Image: framerusercontent.com

Source: ruuf.cl

Image: framerusercontent.com

Source: ruuf.cl

Image: framerusercontent.com

Source: ruuf.cl

Image: framerusercontent.com

Source: ruuf.cl

Frequently Asked Questions

Methodology

Brand data on this page was extracted from https://www.ruuf.cl on 2026-04-26 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by CharacterQuilt and is not affiliated with or endorsed by RUUF.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Montserrat",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#5A6ED5",
    "secondary": "#8C8F9F",
    "accent": "#5A6ED5",
    "background": "#FFFFFF",
    "textPrimary": "#0000EE",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Montserrat",
      "heading": "Montserrat"
    },
    "fontStacks": {
      "heading": [
        "Montserrat",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Montserrat",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "54px",
      "h2": "52px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "16px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#5A6ED5",
      "textColor": "#0000EE",
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 166 24\" xmlns=\"http://www.w3.org/2000/svg\"><g d=\"M 41.789 0 L 47.496 0 L 52.417 4.066 L 58.425 4.066 L 47.685 23.85 L 41.979 23.85 L 37.057 19.785 L 31.05 19.785 Z M 26.264 0 L 31.97 0 L 36.892 4.066 L 42.9 4.066 L 32.16 23.85 L 26.454 23.85 L 21.532 19.785 L 15.525 19.785 Z M 10.739 0 L 16.444 0 L 21.366 4.066 L 27.373 4.066 L 16.634 23.85 L 10.929 23.85 L 6.007 19.785 L 0 19.785 Z M 84.577 23.4 L 78.335 16.01 L 78.005 15.618 L 84.388 15.618 L 84.709 15.994 L 89.608 21.744 L 91.043 23.4 Z M 67 23.4 L 67 0.932 L 84.954 0.932 C 85.814 0.932 86.589 1.14 87.281 1.557 C 87.983 1.963 88.569 2.544 88.979 3.244 C 89.415 3.937 89.644 4.739 89.64 5.557 L 89.64 11.369 C 89.644 12.187 89.415 12.989 88.979 13.682 C 88.569 14.382 87.983 14.963 87.281 15.369 C 86.589 15.786 85.814 15.994 84.954 15.994 L 84.709 15.995 L 78.335 16.011 L 71.874 16.025 L 71.874 23.4 L 67 23.4 Z M 71.873 11.119 L 84.703 11.119 L 84.703 5.775 L 71.873 5.775 Z M 97.538 23.4 C 96.72 23.405 95.916 23.189 95.211 22.775 C 94.509 22.368 93.924 21.787 93.513 21.087 C 93.097 20.388 92.879 19.588 92.884 18.775 L 92.884 0.9 L 97.758 0.9 L 97.758 18.525 L 110.587 18.525 L 110.587 0.9 L 115.524 0.9 L 115.524 18.775 C 115.529 19.593 115.299 20.395 114.864 21.087 C 114.453 21.787 113.868 22.368 113.166 22.775 C 112.474 23.192 111.709 23.4 110.87 23.4 Z M 123.578 23.4 C 122.76 23.405 121.956 23.189 121.251 22.775 C 120.549 22.368 119.964 21.787 119.553 21.087 C 119.136 20.388 118.918 19.588 118.924 18.775 L 118.924 0.9 L 123.798 0.9 L 123.798 18.525 L 136.627 18.525 L 136.627 0.9 L 141.564 0.9 L 141.564 18.775 C 141.568 19.593 141.339 20.395 140.903 21.087 C 140.493 21.787 139.908 22.368 139.205 22.775 C 138.514 23.192 137.749 23.4 136.91 23.4 Z M 145.089 23.4 L 145.089 0.9 L 166 0.9 L 166 5.775 L 150.026 5.775 L 150.026 9.713 L 162.886 9.713 L 162.886 14.588 L 150.026 14.588 L 150.026 23.4 Z\" fill=\"transparent\" height=\"23.849774999999966px\" id=\"xD2kHFAB6\" width=\"165.9995568603516px\"><path d=\"M 10.739 0 L 16.446 0 L 21.367 4.066 L 27.375 4.066 L 16.635 23.85 L 10.929 23.85 L 6.007 19.785 L 0 19.785 Z\" fill=\"rgb(41, 60, 157)\" height=\"23.849774999999966px\" id=\"kYLrasIYr\" transform=\"translate(31.05 0)\" width=\"27.374624999999995px\"/><path d=\"M 10.739 0 L 16.445 0 L 21.367 4.066 L 27.375 4.066 L 16.635 23.85 L 10.929 23.85 L 6.007 19.785 L 0 19.785 Z\" fill=\"rgb(90, 110, 213)\" height=\"23.849774999999966px\" id=\"D7uZ_D2pt\" transform=\"translate(15.525 0)\" width=\"27.374624999999988px\"/><path d=\"M 10.739 0 L 16.444 0 L 21.366 4.066 L 27.373 4.066 L 16.634 23.85 L 10.929 23.85 L 6.007 19.785 L 0 19.785 Z\" fill=\"rgb(235, 207, 77)\" height=\"23.849774999999966px\" id=\"NAkRcfy41\" width=\"27.373274999999992px\"/><path d=\"M 17.577 22.5 L 11.335 15.11 L 11.005 14.718 L 17.388 14.718 L 17.709 15.094 L 22.608 20.844 L 24.043 22.5 Z M 0 22.5 L 0 0.032 L 17.954 0.032 C 18.814 0.032 19.589 0.24 20.281 0.657 C 20.983 1.063 21.569 1.644 21.979 2.344 C 22.415 3.037 22.644 3.839 22.64 4.657 L 22.64 10.469 C 22.644 11.287 22.415 12.089 21.979 12.782 C 21.569 13.482 20.983 14.063 20.281 14.469 C 19.589 14.886 18.814 15.094 17.954 15.094 L 17.709 15.095 L 11.335 15.111 L 4.874 15.125 L 4.874 22.5 L 0 22.5 Z M 4.873 10.219 L 17.703 10.219 L 17.703 4.875 L 4.873 4.875 Z M 30.538 22.5 C 29.72 22.505 28.916 22.289 28.211 21.875 C 27.509 21.468 26.924 20.887 26.513 20.187 C 26.097 19.488 25.879 18.688 25.884 17.875 L 25.884 0 L 30.758 0 L 30.758 17.625 L 43.587 17.625 L 43.587 0 L 48.524 0 L 48.524 17.875 C 48.529 18.693 48.299 19.495 47.864 20.187 C 47.453 20.887 46.868 21.468 46.166 21.875 C 45.474 22.292 44.709 22.5 43.87 22.5 Z M 56.578 22.5 C 55.76 22.505 54.956 22.289 54.251 21.875 C 53.549 21.468 52.964 20.887 52.553 20.187 C 52.136 19.488 51.918 18.688 51.924 17.875 L 51.924 0 L 56.798 0 L 56.798 17.625 L 69.627 17.625 L 69.627 0 L 74.564 0 L 74.564 17.875 C 74.568 18.693 74.339 19.495 73.903 20.187 C 73.493 20.887 72.908 21.468 72.205 21.875 C 71.514 22.292 70.749 22.5 69.91 22.5 Z M 78.089 22.5 L 78.089 0 L 99 0 L 99 4.875 L 83.026 4.875 L 83.026 8.813 L 95.886 8.813 L 95.886 13.688 L 83.026 13.688 L 83.026 22.5 Z\" fill=\"rgb(255, 255, 255)\" height=\"22.50044999474881px\" id=\"g0R9EdmNv\" transform=\"translate(67 0.9)\" width=\"98.99955686035159px\"/></g></svg>",
    "favicon": "https://framerusercontent.com/images/g6uYLCJKedl4tVuBWtOhsoHvAW8.png",
    "ogImage": null,
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of the main brand logo.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Cotiza gratis!",
      "reasoning": "Button #0 has a vibrant blue background (#5A6ED5), which is a strong indicator of a primary call-to-action. The text 'Cotiza gratis!' is action-oriented, encouraging users to get a quote, which aligns with primary CTA goals."
    },
    "secondary": {
      "index": 1,
      "text": "Habla con asesor",
      "reasoning": "Button #1 has a white background (#FFFFFF), making it less visually prominent. The text 'Habla con asesor' suggests a secondary action, such as contacting support, which is typical for secondary buttons."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "environmentally conscious consumers"
  },
  "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 located in the header, is visible, and links to the homepage, which are strong indicators of the main brand logo.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}

Related Brand Profiles