Rulebase Brand Identity

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

Color Palette

Brand palette extracted from https://rulebase.co.

• Primary: #FFD8DD (rgb(255, 216, 221))
• Secondary: #B2D2FF (rgb(178, 210, 255))
• Accent: #006AFF (rgb(0, 106, 255))
• Background: #FFFFFF (rgb(255, 255, 255))
• Text Primary: #006AFF (rgb(0, 106, 255))
• Link: #006AFF (rgb(0, 106, 255))

Typography

Each font links to its Google Fonts page where available.

• Primary: Inter Google Fonts →
• Heading: Styrene B Trial Regular Google Fonts →

Visual Assets

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech-savvy professionals

Frequently Asked Questions

What is Rulebase's primary brand color?

Rulebase's primary brand color is #FFD8DD. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Rulebase use?

Rulebase uses #006AFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Rulebase use?

Rulebase uses Inter for body text and Styrene B Trial Regular for headings. Fonts were detected on https://rulebase.co as part of their live design system.

Does Rulebase use a light or dark theme?

Rulebase's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Rulebase's logo?

Rulebase's logo is available directly on their site (https://rulebase.co). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated?

This profile was extracted from https://rulebase.co using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Rulebase.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    { "family": "Inter", "role": "body" },
    { "family": "Styrene B Trial Regular", "role": "heading" }
  ],
  "colors": {
    "primary": "#FFD8DD",
    "secondary": "#B2D2FF",
    "accent": "#006AFF",
    "background": "#FFFFFF",
    "textPrimary": "#006AFF",
    "link": "#006AFF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Styrene B Trial Regular"
    }
  },
  "images": {
    "logo": "https://framerusercontent.com/images/7hIpa1tznAY3kg4tol7XUSzKTkk.png?width=998&height=538",
    "favicon": "https://framerusercontent.com/images/RcVdK2ma8g6ScXEKdtR9p5MR1g.svg",
    "ogImage": "https://framerusercontent.com/images/ffnABoLhwFRJii1eeP1HBqkiOw.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  }
}