imgix.json

Imgix Brand Identity

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

Page: https://characterquilt.com/branding/imgix
Machine-readable JSON: https://characterquilt.com/branding/imgix.json
Per-page llms.txt: https://characterquilt.com/branding/imgix/llms.txt

Quick Facts

Field	Value
Primary	#55BC90
Accent	#349169
Body Font	Circularxxtt
Heading Font	Circularxx

Color Palette

primary: #55BC90
secondary: #59BB91
accent: #349169
background: #1E1E23
textPrimary: #1E1E23
link: #349169

Typography

primary: Circularxxtt — https://fonts.google.com/specimen/Circularxxtt
heading: Circularxx — https://fonts.google.com/specimen/Circularxx

Visual Assets

UI Components

input: background=#1E1E23, textColor=#FFFFFF, borderColor=#3A3A3A, borderRadius=8px, shadow=none
buttonPrimary: background=#349169, textColor=#FFFFFF, borderColor=#3A3A3A, borderRadius=8px, shadow=none
buttonSecondary: background=#3A3A3A, textColor=#FFFFFF, borderColor=#3A3A3A, borderRadius=8px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: businesses looking for image optimization solutions

Imgix Brand in the Wild

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

売れる物件と売れ残る物件の違いは写真にある | Imgix
- Image: https://ix-marketing.imgix.net/Image%2010%20-%20Human%20Element.jpg?ixembed=1733422687845&auto=format,compress
- Source: https://www.imgix.com/jp/blog/the-power-of-images-in-real-estate-what-the-data-reveals
The Imgix Blog - Your Guide to Visual Excellence
- Image: https://cdn.prod.website-files.com/673659649c948b4b79e06c64/6824f8ea953bf88a973c5f40_blog-The%20Promise%20and%20Potential%20of%20Self-Optimizing%20Images%20-%20preview%20image.jpeg
- Source: https://www.imgix.com/blog
Build Your Future with imgix
- Image: https://ix-marketing.imgix.net/wintogether-3.jpg?ixembed=1737499895393&auto=format,compress
- Source: https://www.imgix.com/careers
A Winning Stack for Developing News and Marketing Websites | Imgix
- Image: https://ptd.imgix.net/2023-08_blog-cantilever_article-screenshot.png?ixlib=js-3.8.0&auto=format%2Ccompress
- Source: https://www.imgix.com/blog/winning-stack-for-building-marketing-websites-cantilever
Eventbrite Case Study | Imgix
- Image: https://ix-www.imgix.net/case-study/eventbrite/eventbrite09.jpg?ixlib=js-3.8.0&auto=compress%2Cformat
- Source: https://www.imgix.com/customers/eventbrite
The Imgix Blog - Your Guide to Visual Excellence
- Image: https://cdn.prod.website-files.com/673659649c948b4b79e06c64/68d477e7af0a3df72e04ddad_thumbnail-blog-Study%20Shows%20Why%20Human%20Creativity%20Still%20Matters%20in%20the%20Age%20of%20AI.jpeg
- Source: https://www.imgix.com/blog

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

Open the company's homepage in a browser with DevTools open.
In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
For each captured font URL: right-click → Save As to download the file locally.
View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.