Muffin Data Brand Identity

A complete profile of Muffin Data's visual system — colors, typography, components, and personality — extracted from http://www.muffindata.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://www.muffindata.com.

• primary: #F1F4D9
  rgb(241, 244, 217)
• secondary: #B1CF89
  rgb(177, 207, 137)
• accent: #B1CF89
  rgb(177, 207, 137)
• background: #F1F4D9
  rgb(241, 244, 217)
• textPrimary: #3D5B2B
  rgb(61, 91, 43)
• link: #3D5B2B
  rgb(61, 91, 43)

Typography

Each font links to its Google Fonts page where available.

• primary: Rubik
  Rubik Google Fonts →
• heading: Rubik
  Rubik Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Muffin Data's actual button styles.

• Button Primary
  • Background: #B1CF89
  • Text Color: #3D5B2B
  • Border Color: #3D5B2B
  • Border Radius: 10px
  • Shadow: rgb(61, 91, 43) 3px 3px 0px 0px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: food and beverage brands

FAQ

1. What is Muffin Data's primary brand color?
   Muffin Data's primary brand color is #F1F4D9. It anchors the visual identity across their website, product UI, and marketing materials.
2. What accent color does Muffin Data use?
   Muffin Data uses #B1CF89 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. What font does Muffin Data use?
   Muffin Data uses Rubik as the primary typeface across body and headings.
4. Does Muffin Data use a light or dark theme?
   Muffin Data's primary site uses a light color scheme, with a background of #F1F4D9.
5. Where can I find Muffin Data's logo?
   Muffin Data's logo is available directly on their site (http://www.muffindata.com).

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Rubik",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#F1F4D9",
    "secondary": "#B1CF89",
    "accent": "#B1CF89",
    "background": "#F1F4D9",
    "textPrimary": "#3D5B2B",
    "link": "#3D5B2B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Rubik",
      "heading": "Rubik"
    },
    "fontStacks": {
      "heading": [
        "Rubik",
        "sans-serif"
      ],
      "body": [
        "Rubik",
        "sans-serif"
      ],
      "paragraph": [
        "Rubik",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "56px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#B1CF89",
      "textColor": "#3D5B2B",
      "borderColor": "#3D5B2B",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "rgb(61, 91, 43) 3px 3px 0px 0px"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/65b0c53921bf2bb2cb71a2db/65b0cdd20d7b758fc555c269_logomuffin.png",
    "favicon": "https://cdn.prod.website-files.com/65b0c53921bf2bb2cb71a2db/65b0c607261cf8200ca6ae0d_Favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/65b0c53921bf2bb2cb71a2db/65d3a954b969810826e2f113_Open%20Graph%20Image.png"
  }
}