# Rulebase Brand Identity

A complete profile of **Rulebase**'s visual system — colors, typography, components, and personality — extracted from [https://rulebase.co](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 →](https://fonts.google.com/specimen/Inter)
- **Heading:** Styrene B Trial Regular [Google Fonts →](https://fonts.google.com/specimen/Styrene+B+Trial+Regular)

## 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

```json
{
  "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"
  }
}
```