Loops Brand: Colors, Fonts, Logo & Visual Identity

Loops Brand Identity

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

Color Palette

Brand palette extracted from https://loops.so.

Color Name	Hex Code	RGB Value
primary	#0000EE	rgb(0, 0, 238)
accent	#EFEDEC	rgb(239, 237, 236)
background	#FAFAF9	rgb(250, 250, 249)
textPrimary	#1C1917	rgb(28, 25, 23)
link	#0000EE	rgb(0, 0, 238)

Typography

Each font links to its Google Fonts page where available.

Font Role	Font Family	Link
primary	Inter	Google Fonts →
heading	Inter	Google Fonts →

Visual Assets

Favicon

Social Card

UI Components

Live previews rendered using Loops's actual button styles.

Button Primary

Background: #FDFDFD
Text Color: #FFFFFF
Border Radius: 8px
Shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 1px 2px 0px, rgba(0, 0, 0, 0.15) 0px 2px 6px 0px

Button Secondary

Background: #1C1917
Text Color: #FFFFFF
Border Radius: 4px
Shadow: none

Brand Personality

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

Loops Brand in the Wild

Sourced from loops.so

Frequently Asked Questions

What is Loops's primary brand color?
Loops's primary brand color is #0000EE.
What accent color does Loops use?
Loops uses #EFEDEC.
What font does Loops use?
Loops uses Inter.
Does Loops use a light or dark theme?
Loops's primary site uses a light color scheme with a background of #FAFAF9.
How was this brand profile generated?
This profile was extracted using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted using the Firecrawl branding extraction API. This page is published by CharacterQuilt and is not affiliated with or endorsed by Loops.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "accent": "#EFEDEC",
    "background": "#FAFAF9",
    "textPrimary": "#1C1917",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": ["sans-serif"],
      "body": ["sans-serif"],
      "paragraph": ["Inter", "sans-serif"]
    },
    "fontSizes": {
      "h1": "12px",
      "h2": "28px",
      "body": "19.2px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FDFDFD",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "shadow": "rgba(0, 0, 0, 0.25)"
    },
    "buttonSecondary": {
      "background": "#1C1917",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "shadow": "none"
    }
  },
  "images": {
    "favicon": "https://framerusercontent.com/images/vqkUynWM9t1cVWKFlqiYLmA1w.png",
    "ogImage": "https://framerusercontent.com/images/XA7hmGs5xxBttAlagdN821t5FM.jpeg"
  }
}