Interfere Brand Identity

A complete profile of Interfere's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #000000
• accent: #0D0D0D
• background: #FFFFFF
• textPrimary: #202020
• link: #000000

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Inter — https://fonts.google.com/specimen/Inter

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• buttonPrimary: background=#0D0D0D, textColor=#FFFFFF, borderRadius=8px, shadow=none
• buttonSecondary: background=#FFFFFF, textColor=#202020, borderRadius=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) 0px 0px 0px 0.5px inset, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.1) 0px 1px 1px -1px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px

Brand Personality

Tone: professional · Energy: medium · Audience: software developers and tech companies

Interfere Brand in the Wild

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

• Interfere › Contact Sales
  • Image:
  • Source: Contact Sales
• Interfere › Careers
  • Image:
  • Source: Careers

Working with these fonts

Not found on Google Fonts? Instructions on using the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and click around.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS and rewrite each src: url(...) to point to your local file path.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {
 "family": "Inter",
 "role": "body"
 }
 ],
 "colors": {
 "primary": "#000000",
 "accent": "#0D0D0D",
 "background": "#FFFFFF",
 "textPrimary": "#202020",
 "link": "#000000"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Inter",
 "heading": "Inter"
 },
 "fontStacks": {
 "heading": [
 "Inter",
 "sans-serif"
 ],
 "body": [
 "Inter",
 "sans-serif"
 ],
 "paragraph": [
 "Inter",
 "sans-serif"
 ]
 },
 "fontSizes": {
 "h1": "56px",
 "h2": "15px",
 "body": "13px"
 }
 },
 "spacing": {
 "baseUnit": 8,
 "borderRadius": "0px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#0D0D0D",
 "textColor": "#FFFFFF",
 "borderRadius": "8px",
 "borderRadiusCorners": {
 "topLeft": "8px",
 "topRight": "8px",
 "bottomRight": "8px",
 "bottomLeft": "8px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FFFFFF",
 "textColor": "#202020",
 "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) 0px 0px 0px 0.5px inset, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px, rgba(0, 0, 0, 0.1) 0px 1px 1px -1px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
 }
 },
 "images": {
 "logo": "data:image/svg+xml;utf8,%3Csvg%20...", 
 "favicon": "https://interfere.com/cdn/favicon/light.png",
 "ogImage": "https://interfere.com/cdn/opengraph-image.png",
 "logoHref": "/",
 "logoAlt": "Interfere"
 }
}