rogo.json

Rogo Brand Identity

A complete profile of Rogo's visual system — colors, typography, components, and personality — extracted from https://rogo.ai. Built for designers, agents, and AI tools.

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.

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%20data-fc-idx%3D%220%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
    }
  }
}