epicenter.json

Epicenter Brand Identity

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

Quick Facts

Field Value
Primary #020618
Accent #F1F5F9
Body Font Manrope
Heading Font Manrope

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy individuals and developers

Epicenter Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

Working with these fonts

Not found on Google Fonts? If you have permission to use the fonts, follow these steps:

  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 navigate through various sections switching between routes to capture all font weights.
  4. For each font URL captured, right-click and save it locally.
  5. View the CSS in DevTools to pull out matching @font-face declarations, ensuring the src: url(...) points to your local file path.

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": "light",
  "fonts": [
    {
      "family": "Manrope",
      "role": "body"
    },
    {
      "family": "Roboto",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#020618",
    "secondary": "#0F172B",
    "accent": "#F1F5F9",
    "background": "#FFFFFF",
    "textPrimary": "#62748E",
    "link": "#62748E"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Manrope",
      "heading": "Manrope"
    },
    "fontStacks": {
      "heading": [
        "Manrope",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "sans-serif"
      ],
      "body": [
        "Manrope",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "sans-serif"
      ],
      "paragraph": [
        "Manrope",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "48px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#F1F5F9",
      "textColor": "#0F172B",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#020618",
      "borderColor": "#E2E8F0",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
    }
  },
  "images": {
    "favicon": "https://epicenter.md/favicon.svg",
    "ogImage": null
  }
}