# Photoroom Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #410CD9 |
| Accent | #410CD9 |
| Body Font | Roboto |
| Heading Font | Roboto |

## Color Palette

- primary: #410CD9
- secondary: #6B7280
- accent: #410CD9
- background: #FFFFFF
- textPrimary: #000000
- link: #2563EB

## Typography

- primary: Roboto — https://fonts.google.com/specimen/Roboto
- heading: Roboto — https://fonts.google.com/specimen/Roboto

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20132%2024%22%20style%3D%22flex-shrink%3A0%22%20class%3D%22w-40%22%20data-fc-idx%3D%220%22%3E%3Cg%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m0%207.2c0-2.23652%200-3.35478.365378-4.23688.487171-1.17614%201.421602-2.110571%202.597742-2.597742.8821-.365378%202.00036-.365378%204.23688-.365378h9.6c2.2365%200%203.3548%200%204.2369.365378%201.1761.487171%202.1106%201.421602%202.5977%202.597742.3654.8821.3654%202.00036.3654%204.23688v9.6c0%202.2365%200%203.3548-.3654%204.2369-.4871%201.1761-1.4216%202.1106-2.5977%202.5977-.8821.3654-2.0004.3654-4.2369.3654h-9.6c-2.23652%200-3.35478%200-4.23688-.3654-1.17614-.4871-2.110571-1.4216-2.597742-2.5977-.365378-.8821-.365378-2.0004-.365378-4.2369zm7.032%201.21196c-.91458%200-1.656-.74141-1.656-1.65598s.74142-1.65598%201.656-1.65598h7.452c2.5913%200%204.692%202.10065%204.692%204.69194%200%202.59126-2.1007%204.69196-4.692%204.69196h-5.796v2.7599c0%20.9146-.74141%201.656-1.656%201.656-.91458%200-1.656-.7414-1.656-1.656v-4.4159c0-.9146.74142-1.656%201.656-1.656h7.452c.7622%200%201.38-.6178%201.38-1.37996%200-.76215-.6178-1.37998-1.38-1.37998zm7.452%207.45194h-.6861l2.5511%202.5511c.2997.2996.7137.485%201.171.485.9146%200%201.656-.7414%201.656-1.656%200-.4573-.1854-.8713-.485-1.171l-1.077-1.0769c-.914.5509-1.985.8678-3.13.8678z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m30.6%2018.9972h3.0423v-4.462h2.8394c2.9408%200%204.969-2.0282%204.969-4.8676%200-2.83943-2.0282-4.8676-4.969-4.8676h-5.8817zm3.0423-7.2v-4.25917h2.5352c1.4197%200%202.2309.81126%202.2309%202.12957%200%201.3183-.8112%202.1296-2.2309%202.1296z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m45.5934%2018.9972h-2.8395v-14.1972h2.8395v4.56338h.1014c.7099-.81127%201.5211-1.31831%202.738-1.31831%202.3324%200%203.9549%201.62253%203.9549%204.36053v6.5916h-2.8394v-6.1859c0-1.4198-.7098-2.231-1.9267-2.231s-2.0282.9127-2.0282%202.231z%22%2F%3E%3Cpath%20d%3D%22m70.0313%2018.9972h2.0281v-2.6367h-1.5211c-.6084%200-1.0141-.4056-1.0141-1.014v-4.462h2.5352v-2.63663h-2.5352v-2.83943h-2.4338l-.4056%202.83943h-1.724v2.63663h1.724v4.969c0%202.0282%201.1155%203.1437%203.3465%203.1437z%22%2F%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m73.0838%2013.6225c0%203.5493%202.0282%205.5775%205.2733%205.5775%203.245%200%205.2732-2.0282%205.2732-5.5775s-2.0282-5.57742-5.2732-5.57742c-3.2451%200-5.2733%202.02812-5.2733%205.57742zm7.7071%200c0%202.1296-1.1155%203.0423-2.4338%203.0423-1.3184%200-2.4338-.9127-2.4338-3.0423%200-2.1295%201.1154-3.0422%202.4338-3.0422%201.3183%200%202.4338.9127%202.4338%203.0422z%22%2F%3E%3Cpath%20d%3D%22m97.7228%2019.2c-3.245%200-5.2732-2.0282-5.2732-5.5775s2.0282-5.57742%205.2732-5.57742c3.2452%200%205.2732%202.02812%205.2732%205.57742s-2.028%205.5775-5.2732%205.5775zm0-2.5352c1.3184%200%202.4342-.9127%202.4342-3.0423%200-2.1295-1.1158-3.0422-2.4342-3.0422-1.3183%200-2.4337.9127-2.4337%203.0422%200%202.1296%201.1154%203.0423%202.4337%203.0423z%22%2F%3E%3Cpath%20d%3D%22m109.483%2019.2c-3.245%200-5.273-2.0282-5.273-5.5775s2.028-5.57742%205.273-5.57742%205.273%202.02812%205.273%205.57742-2.028%205.5775-5.273%205.5775zm0-2.5352c1.318%200%202.434-.9127%202.434-3.0423%200-2.1295-1.116-3.0422-2.434-3.0422s-2.434.9127-2.434%203.0422c0%202.1296%201.116%203.0423%202.434%203.0423z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m116.274%2018.9972h2.84v-6.2873c0-1.4198.811-2.1296%201.724-2.1296%201.014%200%201.825.6084%201.825%202.1296v6.2873h2.839v-6.2873c0-1.4198.812-2.1296%201.724-2.1296%201.014%200%201.826.6084%201.826%202.1296v6.2873h2.839v-6.693c0-2.63659-1.622-4.25912-3.955-4.25912-1.379%200-2.738.73014-3.245%201.72394h-.101c-.528-1.05465-1.663-1.72394-2.941-1.72394-1.116%200-1.927.50704-2.535%201.41971h-.102l-.304-1.2169h-2.434z%22%2F%3E%3Cpath%20d%3D%22m87.9877%2018.9972h-2.8394v-10.74929h2.4337l.3043%201.2169h.1014c.6084-.91268%201.5211-1.2169%202.5352-1.2169h1.3183v2.73799h-1.1155c-1.7239%200-2.738%201.0141-2.738%202.6367z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m59.0751%2019.2c-3.245%200-5.2732-2.0282-5.2732-5.5775s2.0282-5.57742%205.2732-5.57742c3.2451%200%205.2733%202.02812%205.2733%205.57742s-2.0282%205.5775-5.2733%205.5775zm0-2.5352c1.3184%200%202.4338-.9127%202.4338-3.0423%200-2.1295-1.1154-3.0422-2.4338-3.0422-1.3183%200-2.4338.9127-2.4338%203.0422%200%202.1296%201.1155%203.0423%202.4338%203.0423z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E
- Favicon: https://www.photoroom.com/favicons/apple-touch-icon.png
- Social card (og:image): https://a.storyblok.com/f/191576/2768x1244/70240ce23c/screenshot-2024-04-03-at-14-09-16.png

## UI Components

- buttonPrimary: background=#410CD9, textColor=#FFFFFF, borderRadius=10px, shadow=none
- buttonSecondary: background=#000000, textColor=#FFFFFF, borderRadius=10px, shadow=none

## Brand Personality

Tone: modern · Energy: high · Audience: e-commerce businesses and product photographers

## Photoroom Brand in the Wild

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

- **How a “No DM” Slack policy drives impact at Photoroom | Photoroom**
  - Image: https://a.storyblok.com/f/191576/1066x600/43242a1bcc/no_dm_blog_m_.webp
  - Source: https://www.photoroom.com/inside-photoroom/no-dm-slack-policy
- **How to build a visual brand identity in 7 easy steps (2025 guide) |  Photoroom**
  - Image: https://a.storyblok.com/f/191576/5888x4221/04996b0c39/brand-identity.webp
  - Source: https://www.photoroom.com/blog/visual-brand-identity
- **8 best e‑commerce tools to save time & sell more this BFCM | Photoroom**
  - Image: https://a.storyblok.com/f/191576/987x537/bc39b822ba/klaviyo.webp
  - Source: https://www.photoroom.com/blog/ecommerce-tools-black-friday-cyber-monday
- **About Photoroom | Photoroom**
  - Image: https://a.storyblok.com/f/191576/8192x5464/0c13e584f7/team-photoroom-biscarosse-2025.webp
  - Source: https://www.photoroom.com/about
- **8 Best AI Fashion Model Generators for E‑commerce Photos | Photoroom**
  - Image: https://a.storyblok.com/f/191576/987x537/202a9ee9fc/xdesign.webp
  - Source: https://www.photoroom.com/blog/ai-fashion-model-generators
- **How to build a visual brand identity in 7 easy steps (2025 guide) |  Photoroom**
  - Image: https://storyblok-cdn.photoroom.com/f/191576/6080x3420/7b2d117c36/elements-of-visual-branding.webp
  - Source: https://www.photoroom.com/blog/visual-brand-identity

## 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:

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 click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. 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.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "TT Photoroom",
      "role": "unknown"
    },
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Segoe UI",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#410CD9",
    "secondary": "#6B7280",
    "accent": "#410CD9",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#2563EB"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "TT Photoroom",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Noto Color Emoji"
      ],
      "body": [
        "TT Photoroom",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "TT Photoroom",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "24px",
      "body": "17px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#410CD9",
      "textColor": "#FFFFFF",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%20132%2024%22%20style%3D%22flex-shrink%3A0%22%20class%3D%22w-40%22%20data-fc-idx%3D%220%22%3E%3Cg%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m0%207.2c0-2.23652%200-3.35478.365378-4.23688.487171-1.17614%201.421602-2.110571%202.597742-2.597742.8821-.365378%202.00036-.365378%204.23688-.365378h9.6c2.2365%200%203.3548%200%204.2369.365378%201.1761.487171%202.1106%201.421602%202.5977%202.597742.3654.8821.3654%202.00036.3654%204.23688v9.6c0%202.2365%200%203.3548-.3654%204.2369-.4871%201.1761-1.4216%202.1106-2.5977%202.5977-.8821.3654-2.0004.3654-4.2369.3654h-9.6c-2.23652%200-3.35478%200-4.23688-.3654-1.17614-.4871-2.110571-1.4216-2.597742-2.5977-.365378-.8821-.365378-2.0004-.365378-4.2369zm7.032%201.21196c-.91458%200-1.656-.74141-1.656-1.65598s.74142-1.65598%201.656-1.65598h7.452c2.5913%200%204.692%202.10065%204.692%204.69194%200%202.59126-2.1007%204.69196-4.692%204.69196h-5.796v2.7599c0%20.9146-.74141%201.656-1.656%201.656-.91458%200-1.656-.7414-1.656-1.656v-4.4159c0-.9146.74142-1.656%201.656-1.656h7.452c.7622%200%201.38-.6178%201.38-1.37996%200-.76215-.6178-1.37998-1.38-1.37998zm7.452%207.45194h-.6861l2.5511%202.5511c.2997.2996.7137.485%201.171.485.9146%200%201.656-.7414%201.656-1.656%200-.4573-.1854-.8713-.485-1.171l-1.077-1.0769c-.914.5509-1.985.8678-3.13.8678z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m30.6%2018.9972h3.0423v-4.462h2.8394c2.9408%200%204.969-2.0282%204.969-4.8676%200-2.83943-2.0282-4.8676-4.969-4.8676h-5.8817zm3.0423-7.2v-4.25917h2.5352c1.4197%200%202.2309.81126%202.2309%202.12957%200%201.3183-.8112%202.1296-2.2309%202.1296z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m45.5934%2018.9972h-2.8395v-14.1972h2.8395v4.56338h.1014c.7099-.81127%201.5211-1.31831%202.738-1.31831%202.3324%200%203.9549%201.62253%203.9549%204.36053v6.5916h-2.8394v-6.1859c0-1.4198-.7098-2.231-1.9267-2.231s-2.0282.9127-2.0282%202.231z%22%2F%3E%3Cpath%20d%3D%22m70.0313%2018.9972h2.0281v-2.6367h-1.5211c-.6084%200-1.0141-.4056-1.0141-1.014v-4.462h2.5352v-2.63663h-2.5352v-2.83943h-2.4338l-.4056%202.83943h-1.724v2.63663h1.724v4.969c0%202.0282%201.1155%203.1437%203.3465%203.1437z%22%2F%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m73.0838%2013.6225c0%203.5493%202.0282%205.5775%205.2733%205.5775%203.245%200%205.2732-2.0282%205.2732-5.5775s-2.0282-5.57742-5.2732-5.57742c-3.2451%200-5.2733%202.02812-5.2733%205.57742zm7.7071%200c0%202.1296-1.1155%203.0423-2.4338%203.0423-1.3184%200-2.4338-.9127-2.4338-3.0423%200-2.1295%201.1154-3.0422%202.4338-3.0422%201.3183%200%202.4338.9127%202.4338%203.0422z%22%2F%3E%3Cpath%20d%3D%22m97.7228%2019.2c-3.245%200-5.2732-2.0282-5.2732-5.5775s2.0282-5.57742%205.2732-5.57742c3.2452%200%205.2732%202.02812%205.2732%205.57742s-2.028%205.5775-5.2732%205.5775zm0-2.5352c1.3184%200%202.4342-.9127%202.4342-3.0423%200-2.1295-1.1158-3.0422-2.4342-3.0422-1.3183%200-2.4337.9127-2.4337%203.0422%200%202.1296%201.1154%203.0423%202.4337%203.0423z%22%2F%3E%3Cpath%20d%3D%22m109.483%2019.2c-3.245%200-5.273-2.0282-5.273-5.5775s2.028-5.57742%205.273-5.57742%205.273%202.02812%205.273%205.57742-2.028%205.5775-5.273%205.5775zm0-2.5352c1.318%200%202.434-.9127%202.434-3.0423%200-2.1295-1.116-3.0422-2.434-3.0422s-2.434.9127-2.434%203.0422c0%202.1296%201.116%203.0423%202.434%203.0423z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m116.274%2018.9972h2.84v-6.2873c0-1.4198.811-2.1296%201.724-2.1296%201.014%200%201.825.6084%201.825%202.1296v6.2873h2.839v-6.2873c0-1.4198.812-2.1296%201.724-2.1296%201.014%200%201.826.6084%201.826%202.1296v6.2873h2.839v-6.693c0-2.63659-1.622-4.25912-3.955-4.25912-1.379%200-2.738.73014-3.245%201.72394h-.101c-.528-1.05465-1.663-1.72394-2.941-1.72394-1.116%200-1.927.50704-2.535%201.41971h-.102l-.304-1.2169h-2.434z%22%2F%3E%3Cpath%20d%3D%22m87.9877%2018.9972h-2.8394v-10.74929h2.4337l.3043%201.2169h.1014c.6084-.91268%201.5211-1.2169%202.5352-1.2169h1.3183v2.73799h-1.1155c-1.7239%200-2.738%201.0141-2.738%202.6367z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m59.0751%2019.2c-3.245%200-5.2732-2.0282-5.2732-5.5775s2.0282-5.57742%205.2732-5.57742c3.2451%200%205.2733%202.02812%205.2733%205.57742s-2.0282%205.5775-5.2733%205.5775zm0-2.5352c1.3184%200%202.4338-.9127%202.4338-3.0423%200-2.1295-1.1154-3.0422-2.4338-3.0422-1.3183%200-2.4338.9127-2.4338%203.0422%200%202.1296%201.1155%203.0423%202.4338%203.0423z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",
    "favicon": "https://www.photoroom.com/favicons/apple-touch-icon.png",
    "ogImage": "https://a.storyblok.com/f/191576/2768x1244/70240ce23c/screenshot-2024-04-03-at-14-09-16.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Photoroom'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Start creating for free",
      "reasoning": "Button #0 'Start creating for free' uses the vibrant brand color #410CD9, making it the primary CTA due to its action-oriented text and prominent color."
    },
    "secondary": {
      "index": 4,
      "text": "Contact sales",
      "reasoning": "Button #4 'Contact sales' uses a different color group (#000000) and serves as a secondary action, suitable for users seeking more information."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "e-commerce businesses and product photographers"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Photoroom'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```