llms.txt

Rogo Brand Identity

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

Quick Facts

Field Value
Primary #0000EE
Accent #0F2821
Body Font Inter
Heading Font BR Sonoma Regular

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: finance professionals

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

  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": "dark",
 "fonts": [
  {
   "family": "Inter",
   "role": "body"
  },
  {
   "family": "BR Sonoma Regular",
   "role": "heading"
  },
  {
   "family": "Martina Plantijn Regular",
   "role": "body"
  }
 ],
 "colors": {
  "primary": "#0000EE",
  "secondary": "#162A22",
  "accent": "#0F2821",
  "background": "#151515",
  "textPrimary": "#151515",
  "link": "#0F2821"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Inter",
   "heading": "BR Sonoma Regular"
  },
  "fontStacks": {
   "heading": [
    "Martina Plantijn Regular",
    "sans-serif"
   ],
   "body": [
    "sans-serif"
   ],
   "paragraph": [
    "Inter",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "64px",
   "h2": "56px",
   "body": "14px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "0px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#FFFFFF",
   "textColor": "#000000",
   "borderRadius": "6px",
   "borderRadiusCorners": {
    "topLeft": "6px",
    "topRight": "6px",
    "bottomRight": "6px",
    "bottomLeft": "6px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#151515",
   "textColor": "#0000EE",
   "borderRadius": "6px",
   "borderRadiusCorners": {
    "topLeft": "6px",
    "topRight": "6px",
    "bottomRight": "6px",
    "bottomLeft": "6px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%20150%2060%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3Csvg%20width%3D%22150%22%20height%3D%2260%22%20fill%3D%22none%22%20id%3D%22svg-124366052_1499%22%3E%3Cg%20clip-path%3D%22url(%23svg-124366052_1499_a)%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M7.99%209.557h10.45l7.309-.006V2.523h-7.56c-5.73%200-9.196%202.308-10.198%207.034Z%22%2F%3E%3Cpath%20d%3D%22M4.118%209.557C1.26%209.557%200%2010.732%200%2013.658V43.17h7.671V12.74c0-1.17.11-2.222.32-3.19h-.012l-3.86.007Zm127.037-8.234c-10.984%200-18.926%208.944-18.926%2021.003%200%2011.9%208.255%2020.844%2018.926%2020.844%2010.671%200%2018.846-8.784%2018.846-20.844s-7.862-21.003-18.846-21.003Zm0%2035.377c-6.577%200-11.064-4.555-11.064-14.3%200-9.74%204.567-14.612%2011.064-14.612s10.984%204.872%2010.984%2014.612c0%209.666-4.407%2014.3-10.984%2014.3ZM46.519%201.323c-10.984%200-18.926%208.944-18.926%2021.003%200%2011.9%208.255%2020.844%2018.926%2020.844%2010.67%200%2018.846-8.784%2018.846-20.844S57.503%201.323%2046.519%201.323Zm0%2035.377c-6.577%200-11.064-4.555-11.064-14.3%200-9.74%204.567-14.612%2011.064-14.612S57.503%2012.66%2057.503%2022.4c0%209.666-4.413%2014.3-10.984%2014.3Zm53.748-34.208v6.36c-2.016-3.427-6.135-7.529-13.45-7.529-10.086%200-17.149%208.375-17.149%2021.175%200%2012.806%207.142%2020.672%2017.15%2020.672%207.13%200%2011.5-3.336%2013.436-6.684v11.973c0%201.17-.11%202.222-.32%203.19h.013l3.854-.007c2.858%200%204.118-1.175%204.118-4.101V2.492h-7.652Zm-.007%2023.556c0%207.01-5.433%2010.768-11.254%2010.768-6.387%200-11.181-3.85-11.181-14.312s4.788-14.478%2011.18-14.478c6.394%200%2011.378%204.132%2011.378%2011.913l-.123%206.11Z%22%2F%3E%3Cpath%20d%3D%22m89.478%2051.643-11.66.006v7.028H89.73c5.722%200%209.19-2.314%2010.197-7.034H89.478Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22svg-124366052_1499_a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h150v60H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%3C%2Fsvg%3E",
 "favicon": "https://framerusercontent.com/images/RcdrytOKpIouzwnRG9UtFjLkm0c.png",
 "ogImage": "https://framerusercontent.com/images/zOeaf3x0bKqvkn8UrEsAFNklPHk.jpg",
 "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 a primary brand logo.",
 "confidence": 0.9,
 "source": "llm"
 },
 "__llm_button_reasoning": {
 "primary": {
 "index": 0,
 "text": "Request Demo",
 "reasoning": "The 'Request Demo' button is likely the primary CTA as it is action-oriented and encourages user engagement with the product."
 },
 "secondary": {
 "index": 1,
 "text": "Log in",
 "reasoning": "The 'Log in' button serves as a secondary action, allowing existing users to access their accounts."
 },
 "confidence": 0.9
 },
 "personality": {
 "tone": "professional",
 "energy": "medium",
 "targetAudience": "finance 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 located in the header, is visible, and links to the homepage, which are strong indicators of a primary brand logo.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
 }
}